Merge version_1 into main #1

Merged
bender merged 2 commits from version_1 into main 2026-04-12 20:03:32 +00:00
2 changed files with 139 additions and 356 deletions

View File

@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
@@ -22,96 +22,45 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Collections",
id: "/collections",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Lovelace"
button={{
text: "Shop Now",
href: "/collections",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Collections", id: "/collections" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Lovelace"
button={{ text: "Shop Now", href: "/collections" }}
/>
</div>
<div id="legal-info" data-section="legal-info">
<TextAbout
useInvertedBackground={false}
title="Impressum & Legal"
description="Lovelace GmbH | Musterstraße 1, 10115 Berlin | Geschäftsführerin: Maria Lovelace | Email: info@lovelace.com | AGB, Widerrufsrecht und Datenschutzrichtlinien gelten laut EU-Standard."
/>
</div>
<div id="legal-info" data-section="legal-info">
<TextAbout
useInvertedBackground={false}
title="Impressum & Legal"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Need help with an order or have questions about our products? Our support team is here to assist you 24/7."
buttons={[
{
text: "Get Support",
href: "mailto:info@lovelace.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Need help with an order or have questions about our products? Our support team is here to assist you 24/7."
buttons={[{ text: "Get Support", href: "mailto:info@lovelace.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Lovelace"
columns={[
{
title: "Legal",
items: [
{
label: "Impressum",
href: "/contact",
},
{
label: "Datenschutz",
href: "/contact",
},
{
label: "AGB",
href: "/contact",
},
],
},
{
title: "Service",
items: [
{
label: "Widerrufsrecht",
href: "/contact",
},
{
label: "Versand & Lieferung",
href: "/contact",
},
],
},
]}
copyrightText="© 2024 Lovelace Lingerie. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Lovelace"
columns={[
{ title: "Legal", items: [{ label: "Impressum", href: "/contact" }, { label: "Datenschutz", href: "/contact" }, { label: "AGB", href: "/contact" }] },
{ title: "Service", items: [{ label: "Widerrufsrecht", href: "/contact" }, { label: "Versand & Lieferung", href: "/contact" }] }
]}
copyrightText="© 2024 Lovelace Lingerie. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -25,280 +25,114 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Collections",
id: "/collections",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Lovelace"
button={{
text: "Shop Now",
href: "/collections",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Collections", id: "/collections" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Lovelace"
button={{ text: "Shop Now", href: "/collections" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
title="Feel the Love"
description="Embrace your confidence with our premium, handcrafted collections designed for the modern woman."
imageSrc="http://img.b2bpic.net/free-photo/new-pretty-woman-dancer-break-dancing-isolated-white-studio-background_231208-8537.jpg"
imageAlt="Luxury thong underwear"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-naked-elderly-person_23-2150961994.jpg",
alt: "Portrait of naked elderly person",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-grey-wall_171337-20087.jpg",
alt: "Pretty young woman posing over grey wall",
},
{
src: "http://img.b2bpic.net/free-photo/maroccan-woman-wear-little-black-dress-showing-ideal-body_633478-2647.jpg",
alt: "Maroccan woman wear little black dress showing ideal body",
},
{
src: "http://img.b2bpic.net/free-photo/fashion-beauty-coquettish-young-woman-black-dress-laughing-covering-mouth-with-hand-posin_1258-155737.jpg",
alt: "Fashion and beauty coquettish young woman in black dress laughing and covering mouth with hand posin",
},
{
src: "http://img.b2bpic.net/free-photo/very-pretty-caucasian-woman-with-perfect-fit-body-leopard-swimsuit-with-tropical-beautiful-flowers_343596-631.jpg",
alt: "Very pretty caucasian woman with perfect fit body in leopard swimsuit with tropical beautiful flowers",
},
]}
marqueeItems={[
{
type: "text",
text: "Premium Silk",
},
{
type: "text",
text: "Handcrafted Lace",
},
{
type: "text",
text: "Perfect Fit",
},
{
type: "text",
text: "Ethically Sourced",
},
{
type: "text",
text: "Empowering Design",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "sparkles-gradient" }}
title="Feel the Love"
description="Embrace your confidence with our premium, handcrafted collections designed for the modern woman."
imageSrc="http://img.b2bpic.net/free-photo/new-pretty-woman-dancer-break-dancing-isolated-white-studio-background_231208-8537.jpg"
imageAlt="Luxury thong underwear"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-naked-elderly-person_23-2150961994.jpg", alt: "Portrait of naked elderly person" },
{ src: "http://img.b2bpic.net/free-photo/pretty-young-woman-posing-grey-wall_171337-20087.jpg", alt: "Pretty young woman posing over grey wall" },
{ src: "http://img.b2bpic.net/free-photo/maroccan-woman-wear-little-black-dress-showing-ideal-body_633478-2647.jpg", alt: "Maroccan woman wear little black dress showing ideal body" },
{ src: "http://img.b2bpic.net/free-photo/fashion-beauty-coquettish-young-woman-black-dress-laughing-covering-mouth-with-hand-posin_1258-155737.jpg", alt: "Fashion and beauty coquettish young woman in black dress laughing and covering mouth with hand posin" },
{ src: "http://img.b2bpic.net/free-photo/very-pretty-caucasian-woman-with-perfect-fit-body-leopard-swimsuit-with-tropical-beautiful-flowers_343596-631.jpg", alt: "Very pretty caucasian woman with perfect fit body in leopard swimsuit with tropical beautiful flowers" }
]}
marqueeItems={[
{ type: "text", text: "Premium Silk" },
{ type: "text", text: "Handcrafted Lace" },
{ type: "text", text: "Perfect Fit" },
{ type: "text", text: "Ethically Sourced" },
{ type: "text", text: "Empowering Design" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "leo",
name: "Leo Love",
price: "39€",
imageSrc: "http://img.b2bpic.net/free-photo/fit-caucasian-woman-leopard-swimsuit-sunglasses-grey-wall_343596-653.jpg",
imageAlt: "Leopard print thong",
},
{
id: "black",
name: "Black Love",
price: "34€",
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-black-fanny-pack-streetwear_53876-102160.jpg",
imageAlt: "Black silk thong",
},
{
id: "red",
name: "Red Love",
price: "39€",
imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-detail-bag_23-2148393471.jpg",
imageAlt: "Red lace thong",
},
{
id: "leo-2",
name: "Leo Love II",
price: "39€",
imageSrc: "http://img.b2bpic.net/free-photo/fit-caucasian-woman-leopard-swimsuit-sunglasses-grey-wall_343596-656.jpg",
imageAlt: "Leopard print thong",
},
{
id: "black-2",
name: "Black Love II",
price: "34€",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-water-drops-skin_23-2149379991.jpg",
imageAlt: "Black silk thong",
},
{
id: "red-2",
name: "Red Love II",
price: "39€",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-cloth_23-2148546945.jpg",
imageAlt: "Red lace thong",
},
]}
title="Our Collections"
description="Timeless elegance meets modern bold expression."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "leo", name: "Leo Love", price: "39€", imageSrc: "http://img.b2bpic.net/free-photo/fit-caucasian-woman-leopard-swimsuit-sunglasses-grey-wall_343596-653.jpg", imageAlt: "Leopard print thong" },
{ id: "black", name: "Black Love", price: "34€", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-black-fanny-pack-streetwear_53876-102160.jpg", imageAlt: "Black silk thong" },
{ id: "red", name: "Red Love", price: "39€", imageSrc: "http://img.b2bpic.net/free-photo/extreme-close-up-detail-bag_23-2148393471.jpg", imageAlt: "Red lace thong" },
{ id: "leo-2", name: "Leo Love II", price: "39€", imageSrc: "http://img.b2bpic.net/free-photo/fit-caucasian-woman-leopard-swimsuit-sunglasses-grey-wall_343596-656.jpg", imageAlt: "Leopard print thong" },
{ id: "black-2", name: "Black Love II", price: "34€", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-water-drops-skin_23-2149379991.jpg", imageAlt: "Black silk thong" },
{ id: "red-2", name: "Red Love II", price: "39€", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-cloth_23-2148546945.jpg", imageAlt: "Red lace thong" }
]}
title="Our Collections"
description="Timeless elegance meets modern bold expression."
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Confidence, Femininity, Self-Love"
description="At Lovelace, we believe that your lingerie is the first step to feeling empowered. Crafted from premium materials to provide the perfect fit and comfort you deserve."
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Confidence, Femininity, Self-Love"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah M.",
role: "Fashion Blogger",
testimonial: "The perfect fit! I've never felt more confident.",
imageSrc: "http://img.b2bpic.net/free-photo/bride-nature_1328-4871.jpg",
},
{
id: "2",
name: "Elena K.",
role: "Model",
testimonial: "Incredible fabric quality and elegant design.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress-side-view_639032-823.jpg",
},
{
id: "3",
name: "Julia B.",
role: "Entrepreneur",
testimonial: "Love how it feels on my skin. Truly premium.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-black-white_23-2149411420.jpg",
},
{
id: "4",
name: "Marie D.",
role: "Designer",
testimonial: "Red Love is my absolute favorite piece now.",
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-outdoor_624325-1818.jpg",
},
{
id: "5",
name: "Anna P.",
role: "Student",
testimonial: "Comfort meets sensuality in every pair.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-woman-smiling-playing-with-her-hair_171337-19057.jpg",
},
]}
title="Loved by You"
description="See why women around the world choose Lovelace for their daily confidence boost."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{ id: "1", name: "Sarah M.", role: "Fashion Blogger", testimonial: "The perfect fit! I've never felt more confident.", imageSrc: "http://img.b2bpic.net/free-photo/bride-nature_1328-4871.jpg" },
{ id: "2", name: "Elena K.", role: "Model", testimonial: "Incredible fabric quality and elegant design.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress-side-view_639032-823.jpg" },
{ id: "3", name: "Julia B.", role: "Entrepreneur", testimonial: "Love how it feels on my skin. Truly premium.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-black-white_23-2149411420.jpg" },
{ id: "4", name: "Marie D.", role: "Designer", testimonial: "Red Love is my absolute favorite piece now.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-outdoor_624325-1818.jpg" },
{ id: "5", name: "Anna P.", role: "Student", testimonial: "Comfort meets sensuality in every pair.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-casual-african-woman-smiling-playing-with-her-hair_171337-19057.jpg" }
]}
title="Loved by You"
description="See why women around the world choose Lovelace for their daily confidence boost."
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Meet the Minds"
description="The dedicated team behind every Lovelace collection."
members={[
{
id: "m1",
name: "Maria Lovelace",
role: "Founder",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-woman-is-sitting-floor-her-light-room-looking-camera-brunette-woman-casual-summer-clothes-enjoys-sunny-day-concept-youth-leisure-lifestyle_197531-32198.jpg",
},
{
id: "m2",
name: "Elena V.",
role: "Lead Designer",
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-indoor_624325-3820.jpg",
},
{
id: "m3",
name: "Sophie H.",
role: "Materials Expert",
imageSrc: "http://img.b2bpic.net/free-photo/cute-lightskinned-young-girl-keeps-her-hand-her-waist-while-standing-sunny-room-with-space-text-brunette-wears-brown-top-leggings-beauty-health-concept_197531-32142.jpg",
},
{
id: "m4",
name: "Marc S.",
role: "Quality Control",
imageSrc: "http://img.b2bpic.net/free-photo/gentle-image-slender-caucasian-young-girl-sitting-floor-looking-down-brunette-top-shirt-shorts-is-indoors-leisure-lifestyle-beauty-concept_197531-32204.jpg",
},
{
id: "m5",
name: "Julia D.",
role: "Customer Experience",
imageSrc: "http://img.b2bpic.net/free-photo/girl-dream-catcher_1321-1597.jpg",
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Meet the Minds"
description="The dedicated team behind every Lovelace collection."
members={[
{ id: "m1", name: "Maria Lovelace", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-woman-is-sitting-floor-her-light-room-looking-camera-brunette-woman-casual-summer-clothes-enjoys-sunny-day-concept-youth-leisure-lifestyle_197531-32198.jpg" },
{ id: "m2", name: "Elena V.", role: "Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-portrait-indoor_624325-3820.jpg" },
{ id: "m3", name: "Sophie H.", role: "Materials Expert", imageSrc: "http://img.b2bpic.net/free-photo/cute-lightskinned-young-girl-keeps-her-hand-her-waist-while-standing-sunny-room-with-space-text-brunette-wears-brown-top-leggings-beauty-health-concept_197531-32142.jpg" },
{ id: "m4", name: "Marc S.", role: "Quality Control", imageSrc: "http://img.b2bpic.net/free-photo/gentle-image-slender-caucasian-young-girl-sitting-floor-looking-down-brunette-top-shirt-shorts-is-indoors-leisure-lifestyle-beauty-concept_197531-32204.jpg" },
{ id: "m5", name: "Julia D.", role: "Customer Experience", imageSrc: "http://img.b2bpic.net/free-photo/girl-dream-catcher_1321-1597.jpg" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Lovelace"
columns={[
{
title: "Legal",
items: [
{
label: "Impressum",
href: "/contact",
},
{
label: "Datenschutz",
href: "/contact",
},
{
label: "AGB",
href: "/contact",
},
],
},
{
title: "Service",
items: [
{
label: "Widerrufsrecht",
href: "/contact",
},
{
label: "Versand & Lieferung",
href: "/contact",
},
],
},
]}
copyrightText="© 2024 Lovelace Lingerie. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Lovelace"
columns={[
{ title: "Legal", items: [{ label: "Impressum", href: "/contact" }, { label: "Datenschutz", href: "/contact" }, { label: "AGB", href: "/contact" }] },
{ title: "Service", items: [{ label: "Widerrufsrecht", href: "/contact" }, { label: "Versand & Lieferung", href: "/contact" }] }
]}
copyrightText="© 2024 Lovelace Lingerie. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);