From b15cab85b5c41ab592919be149b66bc681bb2763 Mon Sep 17 00:00:00 2001 From: Kasper Birch Date: Thu, 16 Nov 2023 16:41:25 +0100 Subject: [PATCH] Add `Hero` --- app/page.tsx | 2 + components/hero.tsx | 109 ++++++++++++++++++++++++ images/home-page-02-sale-full-width.jpg | Bin 0 -> 265150 bytes 3 files changed, 111 insertions(+) create mode 100644 components/hero.tsx create mode 100644 images/home-page-02-sale-full-width.jpg diff --git a/app/page.tsx b/app/page.tsx index aefd19396..6cd9b17f5 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,5 +1,6 @@ import { Carousel } from 'components/carousel'; import { ThreeItemGrid } from 'components/grid/three-items'; +import Hero from 'components/hero'; import Footer from 'components/layout/footer'; import { Suspense } from 'react'; @@ -15,6 +16,7 @@ export const metadata = { export default async function HomePage() { return ( <> + diff --git a/components/hero.tsx b/components/hero.tsx new file mode 100644 index 000000000..7d324fcf7 --- /dev/null +++ b/components/hero.tsx @@ -0,0 +1,109 @@ +import Image from 'next/image'; +import backgroundImage from '../images/home-page-02-sale-full-width.jpg'; + +const testimonials = [ + { + id: 1, + quote: + 'Min ordre ankom super hurtigt. Produktet er endnu bedre, end jeg havde håbet. Meget tilfreds kunde her!', + attribution: 'Sarah Peters, New Orleans' + }, + { + id: 2, + quote: + 'Jeg måtte returnere et køb, der ikke passede. Hele processen var så simpel, at jeg endte med at bestille to nye varer!', + attribution: 'Kelly McPherson, Chicago' + }, + { + id: 3, + quote: + 'Nu hvor jeg er på ferie for sommeren, vil jeg sandsynligvis bestille et par flere skjorter. Det er bare så bekvemt, og jeg ved, at kvaliteten altid vil være der.', + attribution: 'Chris Paul, Phoenix' + } +]; + +const Hero = () => { + return ( +
+ {/* Dekorativ baggrundsbillede og gradient */} +