Merge version_1 into main #2
401
src/app/page.tsx
401
src/app/page.tsx
@@ -11,7 +11,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import { Sparkles, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,295 +28,132 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collectie",
|
||||
id: "collection",
|
||||
},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Nessa Abajur"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collectie", id: "collection" },
|
||||
{ name: "Over Ons", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nessa Abajur"
|
||||
button={{ text: "Bestellen", href: "#collection" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Işığı Sanat Eserine Dönüştürüyoruz"
|
||||
description="El yapımı, eşsiz abajurlar ile mekanlarınıza sıcaklık ve estetik katıyoruz."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/art-lanterns-middle-eastern-background_1203-4887.jpg?_wi=1",
|
||||
imageAlt: "Luxueuze Abajur 1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-light-lamp-design_23-2151124146.jpg",
|
||||
imageAlt: "Luxueuze Abajur 2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hanging-glass-lamp-light-vintage_1203-5789.jpg",
|
||||
imageAlt: "Luxueuze Abajur 3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle_1122-1856.jpg",
|
||||
imageAlt: "Luxueuze Abajur 4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/moroccan-red-east-light-culture_1203-4844.jpg",
|
||||
imageAlt: "Luxueuze Abajur 5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037479.jpg",
|
||||
imageAlt: "Luxueuze Abajur 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Işığı Sanat Eserine Dönüştürüyoruz"
|
||||
description="El yapımı, eşsiz abajurlar ile mekanlarınıza sıcaklık ve estetik katıyoruz."
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/art-lanterns-middle-eastern-background_1203-4887.jpg", imageAlt: "Luxueuze Abajur 1" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-light-lamp-design_23-2151124146.jpg", imageAlt: "Luxueuze Abajur 2" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/hanging-glass-lamp-light-vintage_1203-5789.jpg", imageAlt: "Luxueuze Abajur 3" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle_1122-1856.jpg", imageAlt: "Luxueuze Abajur 4" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/moroccan-red-east-light-culture_1203-4844.jpg", imageAlt: "Luxueuze Abajur 5" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037479.jpg", imageAlt: "Luxueuze Abajur 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="marquee" data-section="marquee">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Handgemaakt",
|
||||
"Luxe Materialen",
|
||||
"Tijdloos Design",
|
||||
"Persoonlijke Aandacht",
|
||||
"Exclusieve Kwaliteit",
|
||||
"Sfeervol Licht",
|
||||
"Duurzaam",
|
||||
]}
|
||||
title="Onze Kernwaarden"
|
||||
description="Vakmanschap en passie in elk lichtpunt."
|
||||
/>
|
||||
</div>
|
||||
<div id="marquee" data-section="marquee">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Handgemaakt", "Luxe Materialen", "Tijdloos Design", "Persoonlijke Aandacht", "Exclusieve Kwaliteit", "Sfeervol Licht", "Duurzaam"]}
|
||||
title="Onze Kernwaarden"
|
||||
description="Vakmanschap en passie in elk lichtpunt."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Over Ons"
|
||||
title="Ambachtelijk Vakmanschap"
|
||||
description="Esra Hanım brengt jarenlange ervaring in design en lichtkunst naar elke Nessa creatie."
|
||||
subdescription="Elk stuk vertelt een eigen verhaal van warmte en verfijning."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-lighting-shop-market-marrakech_268835-3954.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Over Ons"
|
||||
title="Ambachtelijk Vakmanschap"
|
||||
description="Esra Hanım brengt jarenlange ervaring in design en lichtkunst naar elke Nessa creatie."
|
||||
subdescription="Elk stuk vertelt een eigen verhaal van warmte en verfijning."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-lighting-shop-market-marrakech_268835-3954.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gouden Zonsopgang",
|
||||
price: "€ 299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pendant-light-japandi-bed-scene-calm-bedroom_169016-71101.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Crème Elegantie",
|
||||
price: "€ 249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-lighting-lamp-design_23-2151037476.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ambachtelijk Donker",
|
||||
price: "€ 319",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-yellow-3d-rendering-futuristic-sci-fi-techno-lights_181624-18959.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Luxe Sfeermaker",
|
||||
price: "€ 279",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bedside-lamp-silver-cross-hanging-it-shining-lamp-s-light_181624-29077.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Minimalistisch Goud",
|
||||
price: "€ 229",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-decorative-ramadan-concept_23-2147791798.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artistiek Licht",
|
||||
price: "€ 349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-with-copy-space-wall_74190-333.jpg",
|
||||
},
|
||||
]}
|
||||
title="Onze Collectie"
|
||||
description="Ontdek de kunst van licht in onze zorgvuldig geselecteerde collectie."
|
||||
/>
|
||||
</div>
|
||||
<div id="collection" data-section="collection">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Gouden Zonsopgang", price: "€ 299", imageSrc: "http://img.b2bpic.net/free-photo/pendant-light-japandi-bed-scene-calm-bedroom_169016-71101.jpg" },
|
||||
{ id: "p2", name: "Crème Elegantie", price: "€ 249", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-lighting-lamp-design_23-2151037476.jpg" },
|
||||
{ id: "p3", name: "Ambachtelijk Donker", price: "€ 319", imageSrc: "http://img.b2bpic.net/free-photo/cool-yellow-3d-rendering-futuristic-sci-fi-techno-lights_181624-18959.jpg" },
|
||||
{ id: "p4", name: "Luxe Sfeermaker", price: "€ 279", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bedside-lamp-silver-cross-hanging-it-shining-lamp-s-light_181624-29077.jpg" },
|
||||
{ id: "p5", name: "Minimalistisch Goud", price: "€ 229", imageSrc: "http://img.b2bpic.net/free-photo/golden-decorative-ramadan-concept_23-2147791798.jpg" },
|
||||
{ id: "p6", name: "Artistiek Licht", price: "€ 349", imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-with-copy-space-wall_74190-333.jpg" },
|
||||
]}
|
||||
title="Onze Collectie"
|
||||
description="Ontdek de kunst van licht in onze zorgvuldig geselecteerde collectie."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Materialen",
|
||||
description: "Wij selecteren alleen de hoogste kwaliteit materialen voor duurzaamheid.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lighting-lamp-design_23-2151047621.jpg",
|
||||
imageAlt: "Modern 3d lighting lamp design",
|
||||
},
|
||||
{
|
||||
title: "100% Handgemaakt",
|
||||
description: "Elke abajur is met de hand vervaardigd door vakmensen.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/art-lanterns-middle-eastern-background_1203-4887.jpg?_wi=2",
|
||||
imageAlt: "Modern 3d lighting lamp design",
|
||||
},
|
||||
{
|
||||
title: "Uniek Design",
|
||||
description: "Geen enkel stuk is precies hetzelfde door het handwerk.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-shop-market-marrakech_268835-3954.jpg?_wi=2",
|
||||
imageAlt: "Modern 3d lighting lamp design",
|
||||
},
|
||||
{
|
||||
title: "Sfeervolle Verlichting",
|
||||
description: "Geoptimaliseerd voor de meest warme uitstraling.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pendant-light-japandi-bed-scene-calm-bedroom_169016-71101.jpg?_wi=2",
|
||||
imageAlt: "Modern 3d lighting lamp design",
|
||||
},
|
||||
]}
|
||||
title="Waarom Nessa Abajur?"
|
||||
description="Wij combineren kunst en functionaliteit voor het perfecte sfeerlicht."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Premium Materialen", description: "Wij selecteren alleen de hoogste kwaliteit materialen voor duurzaamheid.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/modern-3d-lighting-lamp-design_23-2151047621.jpg" },
|
||||
{ title: "100% Handgemaakt", description: "Elke abajur is met de hand vervaardigd door vakmensen.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/art-lanterns-middle-eastern-background_1203-4887.jpg" },
|
||||
{ title: "Uniek Design", description: "Geen enkel stuk is precies hetzelfde door het handwerk.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-shop-market-marrakech_268835-3954.jpg" },
|
||||
{ title: "Sfeervolle Verlichting", description: "Geoptimaliseerd voor de meest warme uitstraling.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/pendant-light-japandi-bed-scene-calm-bedroom_169016-71101.jpg" },
|
||||
]}
|
||||
title="Waarom Nessa Abajur?"
|
||||
description="Wij combineren kunst en functionaliteit voor het perfecte sfeerlicht."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Y.",
|
||||
handle: "@sarah",
|
||||
testimonial: "De abajur is een prachtig kunstwerk in mijn woonkamer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741777.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@mark",
|
||||
testimonial: "Fantastische kwaliteit en uitstekende service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elif K.",
|
||||
handle: "@elif",
|
||||
testimonial: "Elke avond geniet ik van de sfeer die deze lamp brengt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037442.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John B.",
|
||||
handle: "@john",
|
||||
testimonial: "Nessa Abajur levert echt vakmanschap.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-smart-woman-designer-demonstrating-unrolled-paper_23-2148180680.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa M.",
|
||||
handle: "@lisa",
|
||||
testimonial: "De details zijn werkelijk verfijnd en elegant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-smiling_23-2148142810.jpg",
|
||||
},
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Onze klanten waarderen onze liefde voor licht en design."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Y.", handle: "@sarah", testimonial: "De abajur is een prachtig kunstwerk in mijn woonkamer.", imageSrc: "http://img.b2bpic.net/free-photo/scenery-designers-work_23-2149741777.jpg" },
|
||||
{ id: "t2", name: "Mark D.", handle: "@mark", testimonial: "Fantastische kwaliteit en uitstekende service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-designer_171337-15575.jpg" },
|
||||
{ id: "t3", name: "Elif K.", handle: "@elif", testimonial: "Elke avond geniet ik van de sfeer die deze lamp brengt.", imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-lamp-with-futuristic-design_23-2151037442.jpg" },
|
||||
{ id: "t4", name: "John B.", handle: "@john", testimonial: "Nessa Abajur levert echt vakmanschap.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-smart-woman-designer-demonstrating-unrolled-paper_23-2148180680.jpg" },
|
||||
{ id: "t5", name: "Lisa M.", handle: "@lisa", testimonial: "De details zijn werkelijk verfijnd en elegant.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-smiling_23-2148142810.jpg" },
|
||||
]}
|
||||
title="Wat klanten zeggen"
|
||||
description="Onze klanten waarderen onze liefde voor licht en design."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Neem Contact Op"
|
||||
description="Bezoek onze studio of neem contact op voor persoonlijk advies."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Uw e-mailadres"
|
||||
buttonText="Verzenden"
|
||||
tag="Contact"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-room-with-elegant-decoration-lighting-generated-by-ai_188544-21356.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Neem Contact Op"
|
||||
description="Bezoek onze studio of neem contact op voor persoonlijk advies."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Uw e-mailadres"
|
||||
buttonText="Verzenden"
|
||||
tag="Contact"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-room-with-elegant-decoration-lighting-generated-by-ai_188544-21356.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Collectie",
|
||||
href: "#collection",
|
||||
},
|
||||
{
|
||||
label: "Over Ons",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Algemene Voorwaarden",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Nessa Abajur"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Home", href: "#hero" }, { label: "Collectie", href: "#collection" }, { label: "Over Ons", href: "#about" }] },
|
||||
{ title: "Info", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }, { label: "Algemene Voorwaarden", href: "#" }] },
|
||||
]}
|
||||
logoText="Nessa Abajur"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user