Merge version_1 into main #2
370
src/app/page.tsx
370
src/app/page.tsx
@@ -26,283 +26,113 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elegance Boutique"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elegance Boutique"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance, Defined."
|
||||
description="Discover a curated collection of exquisite dresses, luxury footwear, and refined timepieces crafted for the discerning individual."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-casual-blond-girl-beige-coat-with-shopping-bags-dreamily-talking-cellphone-city-street_574295-3954.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-businessman-clasped-hands_1262-20528.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-female-shopper-holding-hanger-with-dress-touching-cloth-smiling-medium-shot-fashion-store-retail-concept_74855-11793.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-girl-with-smile-her-face-posing-pink-background-concept-real-emotions_197531-31322.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance, Defined."
|
||||
description="Discover a curated collection of exquisite dresses, luxury footwear, and refined timepieces crafted for the discerning individual."
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-casual-blond-girl-beige-coat-with-shopping-bags-dreamily-talking-cellphone-city-street_574295-3954.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-businessman-clasped-hands_1262-20528.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-female-shopper-holding-hanger-with-dress-touching-cloth-smiling-medium-shot-fashion-store-retail-concept_74855-11793.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-girl-with-smile-her-face-posing-pink-background-concept-real-emotions_197531-31322.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Silk Evening Gown",
|
||||
price: "$450",
|
||||
variant: "Dress",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-calm-tattooed-woman-summer-tropical-print-short-dress-rocky-beach-with-green-bush-purple-pink-flowers_343596-765.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Oxford Leather Shoe",
|
||||
price: "$295",
|
||||
variant: "Footwear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-groom-shoes-stand-stool_8353-9646.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Classic Chronograph",
|
||||
price: "$1200",
|
||||
variant: "Watch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11470.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Minimalist Midi Dress",
|
||||
price: "$320",
|
||||
variant: "Dress",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-14026.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Suede Loafer",
|
||||
price: "$210",
|
||||
variant: "Footwear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-shoe-rack-with-storage-space-footwear_23-2150839924.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Luxury Skeleton Watch",
|
||||
price: "$2800",
|
||||
variant: "Watch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599394.jpg",
|
||||
},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="The latest from our curated seasonal collections."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Silk Evening Gown", price: "$450", variant: "Dress", imageSrc: "http://img.b2bpic.net/free-photo/young-calm-tattooed-woman-summer-tropical-print-short-dress-rocky-beach-with-green-bush-purple-pink-flowers_343596-765.jpg" },
|
||||
{ id: "2", name: "Oxford Leather Shoe", price: "$295", variant: "Footwear", imageSrc: "http://img.b2bpic.net/free-photo/wedding-groom-shoes-stand-stool_8353-9646.jpg" },
|
||||
{ id: "3", name: "Classic Chronograph", price: "$1200", variant: "Watch", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11470.jpg" },
|
||||
{ id: "4", name: "Minimalist Midi Dress", price: "$320", variant: "Dress", imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-14026.jpg" },
|
||||
{ id: "5", name: "Suede Loafer", price: "$210", variant: "Footwear", imageSrc: "http://img.b2bpic.net/free-photo/view-shoe-rack-with-storage-space-footwear_23-2150839924.jpg" },
|
||||
{ id: "6", name: "Luxury Skeleton Watch", price: "$2800", variant: "Watch", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599394.jpg" },
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="The latest from our curated seasonal collections."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Legacy of Quality",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/people-enjoy-shopping_53876-20708.jpg",
|
||||
alt: "About us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Legacy of Quality" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/people-enjoy-shopping_53876-20708.jpg", alt: "About us" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
date: "Oct 2023",
|
||||
title: "Great quality",
|
||||
quote: "The watch is stunning and arrived perfectly packaged.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg?_wi=2",
|
||||
imageAlt: "elegant fashion boutique interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Brian K.",
|
||||
date: "Sep 2023",
|
||||
title: "Stunning dress",
|
||||
quote: "My wife absolutely loves the dress. Truly premium quality.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-casual-blond-girl-beige-coat-with-shopping-bags-dreamily-talking-cellphone-city-street_574295-3954.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-calm-tattooed-woman-summer-tropical-print-short-dress-rocky-beach-with-green-bush-purple-pink-flowers_343596-765.jpg?_wi=2",
|
||||
imageAlt: "elegant floral summer dress",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Claire R.",
|
||||
date: "Aug 2023",
|
||||
title: "Comfortable shoes",
|
||||
quote: "Classic style and unmatched comfort. I wear these every day.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-clasped-hands_1262-20528.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-groom-shoes-stand-stool_8353-9646.jpg?_wi=2",
|
||||
imageAlt: "classic leather dress shoes",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
date: "Jul 2023",
|
||||
title: "Excellent service",
|
||||
quote: "Very helpful customer support and fast shipping.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-shopper-holding-hanger-with-dress-touching-cloth-smiling-medium-shot-fashion-store-retail-concept_74855-11793.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11470.jpg?_wi=2",
|
||||
imageAlt: "luxury wrist watch gold",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
date: "Jun 2023",
|
||||
title: "Timeless design",
|
||||
quote: "This shop is my go-to for quality pieces that last.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-girl-with-smile-her-face-posing-pink-background-concept-real-emotions_197531-31322.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-14026.jpg?_wi=2",
|
||||
imageAlt: "minimalist evening dress black",
|
||||
},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our customers say about their experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice M.", date: "Oct 2023", title: "Great quality", quote: "The watch is stunning and arrived perfectly packaged.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-having-happy-excited-smile-while-standing-fashionable-summer-clothes-enjoying-sale-prices-shopping-city-mall-style-fashion-consumerism-purchase-concept_273609-820.jpg", imageSrc: "http://img.b2bpic.net/free-photo/empty-workshop-with-tools-sketches-luxury-handcrafting-services-with-tailoring-equipment-modern-fabric-tailor-atelier-with-workstations-instruments-small-business_482257-65197.jpg" },
|
||||
{ id: "2", name: "Brian K.", date: "Sep 2023", title: "Stunning dress", quote: "My wife absolutely loves the dress. Truly premium quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-casual-blond-girl-beige-coat-with-shopping-bags-dreamily-talking-cellphone-city-street_574295-3954.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-calm-tattooed-woman-summer-tropical-print-short-dress-rocky-beach-with-green-bush-purple-pink-flowers_343596-765.jpg" },
|
||||
{ id: "3", name: "Claire R.", date: "Aug 2023", title: "Comfortable shoes", quote: "Classic style and unmatched comfort. I wear these every day.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-clasped-hands_1262-20528.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wedding-groom-shoes-stand-stool_8353-9646.jpg" },
|
||||
{ id: "4", name: "David L.", date: "Jul 2023", title: "Excellent service", quote: "Very helpful customer support and fast shipping.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-shopper-holding-hanger-with-dress-touching-cloth-smiling-medium-shot-fashion-store-retail-concept_74855-11793.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11470.jpg" },
|
||||
{ id: "5", name: "Elena P.", date: "Jun 2023", title: "Timeless design", quote: "This shop is my go-to for quality pieces that last.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-girl-with-smile-her-face-posing-pink-background-concept-real-emotions_197531-31322.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-14026.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our customers say about their experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer returns within 30 days of purchase.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your watches authentic?",
|
||||
content: "Yes, all our timepieces are 100% authentic.",
|
||||
},
|
||||
]}
|
||||
title="Questions?"
|
||||
description="Find answers to our common inquiries."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer international shipping?", content: "Yes, we ship globally." },
|
||||
{ id: "f2", title: "What is your return policy?", content: "We offer returns within 30 days of purchase." },
|
||||
{ id: "f3", title: "Are your watches authentic?", content: "Yes, all our timepieces are 100% authentic." },
|
||||
]}
|
||||
title="Questions?"
|
||||
description="Find answers to our common inquiries."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Visit us at our boutique or reach out via email for personalized styling consultations."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit us at our boutique or reach out via email for personalized styling consultations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Elegance Boutique"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Dresses",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Footwear",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Watches",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Elegance Boutique"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Dresses", href: "#" }, { label: "Footwear", href: "#" }, { label: "Watches", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help", href: "#" }, { label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user