Merge version_2 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#shop",
|
||||
},
|
||||
name: "Shop", id: "#shop"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Lumina Dress Shop"
|
||||
/>
|
||||
@@ -52,71 +46,41 @@ export default function LandingPage() {
|
||||
<HeroOverlayTestimonial
|
||||
title="Unveiling Elegance for Every Occasion"
|
||||
description="Discover our hand-picked collection of timeless dresses, meticulously designed to celebrate your unique grace and personal style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop the Collection", href: "#shop"
|
||||
}
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "The perfect fit every time! I love their collection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7780.jpg?_wi=1",
|
||||
imageAlt: "elegant woman in luxury dress",
|
||||
},
|
||||
name: "Alice M.", handle: "@alicem", testimonial: "The perfect fit every time! I love their collection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7780.jpg?_wi=1", imageAlt: "elegant woman in luxury dress"},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
handle: "@sarahp",
|
||||
testimonial: "So stylish and comfortable. My go-to boutique.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-checking-bags-she-received-while-sale-shopping_23-2148695632.jpg",
|
||||
imageAlt: "elegant woman in luxury dress",
|
||||
},
|
||||
name: "Sarah P.", handle: "@sarahp", testimonial: "So stylish and comfortable. My go-to boutique.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-checking-bags-she-received-while-sale-shopping_23-2148695632.jpg", imageAlt: "elegant woman in luxury dress"},
|
||||
{
|
||||
name: "Jessica L.",
|
||||
handle: "@jessl",
|
||||
testimonial: "Exceptional quality and service. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky-background_158538-9199.jpg?_wi=1",
|
||||
imageAlt: "elegant woman in luxury dress",
|
||||
},
|
||||
name: "Jessica L.", handle: "@jessl", testimonial: "Exceptional quality and service. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky-background_158538-9199.jpg?_wi=1", imageAlt: "elegant woman in luxury dress"},
|
||||
{
|
||||
name: "Olivia B.",
|
||||
handle: "@oliviab",
|
||||
testimonial: "Every piece feels bespoke and luxurious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-brunette-girls-nice-trendy-summer-shiny-dress_158538-15221.jpg?_wi=1",
|
||||
imageAlt: "elegant woman in luxury dress",
|
||||
},
|
||||
name: "Olivia B.", handle: "@oliviab", testimonial: "Every piece feels bespoke and luxurious.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-brunette-girls-nice-trendy-summer-shiny-dress_158538-15221.jpg?_wi=1", imageAlt: "elegant woman in luxury dress"},
|
||||
{
|
||||
name: "Chloe T.",
|
||||
handle: "@chloet",
|
||||
testimonial: "Fast shipping and absolutely beautiful packaging.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885676.jpg?_wi=1",
|
||||
imageAlt: "elegant woman in luxury dress",
|
||||
},
|
||||
name: "Chloe T.", handle: "@chloet", testimonial: "Fast shipping and absolutely beautiful packaging.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885676.jpg?_wi=1", imageAlt: "elegant woman in luxury dress"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7780.jpg?_wi=2"
|
||||
imageAlt="Model wearing luxury dress"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-charming-caucasian-lady-sits-black-leather-armchair-poses-camera_132075-9611.jpg",
|
||||
alt: "Customer profile one",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/picture-charming-caucasian-lady-sits-black-leather-armchair-poses-camera_132075-9611.jpg", alt: "Customer profile one"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-lovely-woman-up-date-fashionable-black-little-dress-poses-fun-with-her-head-bowed-left-woman-plays-with-her-hair-genuinely-laughs_197531-8631.jpg",
|
||||
alt: "Customer profile two",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-lovely-woman-up-date-fashionable-black-little-dress-poses-fun-with-her-head-bowed-left-woman-plays-with-her-hair-genuinely-laughs_197531-8631.jpg", alt: "Customer profile two"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7781.jpg",
|
||||
alt: "Customer profile three",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7781.jpg", alt: "Customer profile three"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-smiling-fantastic-young-woman-happy-fun-posing-full-length-photo-against-velor-classic-sofa_197531-8626.jpg",
|
||||
alt: "Customer profile four",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-smiling-fantastic-young-woman-happy-fun-posing-full-length-photo-against-velor-classic-sofa_197531-8626.jpg", alt: "Customer profile four"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-blond-female-grey-dress-posing-artistic-interior_613910-7102.jpg",
|
||||
alt: "Customer profile five",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-blond-female-grey-dress-posing-artistic-interior_613910-7102.jpg", alt: "Customer profile five"},
|
||||
]}
|
||||
avatarText="Join 5,000+ elegant women"
|
||||
/>
|
||||
@@ -127,14 +91,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Stories Through Style",
|
||||
},
|
||||
type: "text", content: "Crafting Stories Through Style"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-checking-bags-she-received-while-sale-shopping_23-2148695632.jpg",
|
||||
alt: "Boutique interior",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/side-view-woman-checking-bags-she-received-while-sale-shopping_23-2148695632.jpg", alt: "Boutique interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,59 +106,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Lumina",
|
||||
name: "Evening Gown",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky-background_158538-9199.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Lumina", name: "Evening Gown", price: "$120", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky-background_158538-9199.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Lumina",
|
||||
name: "Cocktail Dress",
|
||||
price: "$85",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-brunette-girls-nice-trendy-summer-shiny-dress_158538-15221.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", brand: "Lumina", name: "Cocktail Dress", price: "$85", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-brunette-girls-nice-trendy-summer-shiny-dress_158538-15221.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Lumina",
|
||||
name: "Floral Summer Dress",
|
||||
price: "$65",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885676.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", brand: "Lumina", name: "Floral Summer Dress", price: "$65", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885676.jpg?_wi=2"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Lumina",
|
||||
name: "Silk Wrap Dress",
|
||||
price: "$95",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-stairs-outdoors_23-2148760471.jpg",
|
||||
},
|
||||
id: "p4", brand: "Lumina", name: "Silk Wrap Dress", price: "$95", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-stairs-outdoors_23-2148760471.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Lumina",
|
||||
name: "Casual Chic Midi",
|
||||
price: "$75",
|
||||
rating: 4,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8484.jpg",
|
||||
},
|
||||
id: "p5", brand: "Lumina", name: "Casual Chic Midi", price: "$75", rating: 4,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8484.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Lumina",
|
||||
name: "Velvet Mini Dress",
|
||||
price: "$110",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-fashion-woman-interior_624325-3513.jpg",
|
||||
},
|
||||
id: "p6", brand: "Lumina", name: "Velvet Mini Dress", price: "$110", rating: 5,
|
||||
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-fashion-woman-interior_624325-3513.jpg"},
|
||||
]}
|
||||
title="Curated Essentials"
|
||||
description="Explore the latest trends in our seasonal dress collection."
|
||||
@@ -213,38 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Materials",
|
||||
author: "Fabric Experts",
|
||||
description: "Sourced from the finest textiles.",
|
||||
tags: [
|
||||
"luxury",
|
||||
"soft",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620478.jpg",
|
||||
},
|
||||
id: "f1", title: "Premium Materials", author: "Fabric Experts", description: "Sourced from the finest textiles.", tags: [
|
||||
"luxury", "soft"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620478.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Perfect Fit",
|
||||
author: "Designers",
|
||||
description: "Tailored for your body.",
|
||||
tags: [
|
||||
"custom",
|
||||
"fit",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-sunglasses-beautiful-white-dress-thoughtfully-looking-camera-while-holding-hands-cozy-city-street_574295-1355.jpg",
|
||||
},
|
||||
id: "f2", title: "Perfect Fit", author: "Designers", description: "Tailored for your body.", tags: [
|
||||
"custom", "fit"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-sunglasses-beautiful-white-dress-thoughtfully-looking-camera-while-holding-hands-cozy-city-street_574295-1355.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Personalized Style",
|
||||
author: "Stylists",
|
||||
description: "Find your dream look.",
|
||||
tags: [
|
||||
"styling",
|
||||
"expert",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-women-shopping_23-2149241329.jpg",
|
||||
},
|
||||
id: "f3", title: "Personalized Style", author: "Stylists", description: "Find your dream look.", tags: [
|
||||
"styling", "expert"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-women-shopping_23-2149241329.jpg"},
|
||||
]}
|
||||
title="Why Choose Lumina"
|
||||
description="We prioritize quality and individual beauty in every stitch."
|
||||
@@ -257,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Shipping policy",
|
||||
content: "Fast nationwide delivery.",
|
||||
},
|
||||
id: "q1", title: "Shipping policy", content: "Fast nationwide delivery."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Returns",
|
||||
content: "14-day hassle-free returns.",
|
||||
},
|
||||
id: "q2", title: "Returns", content: "14-day hassle-free returns."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Sizing",
|
||||
content: "Check our detailed size guide.",
|
||||
},
|
||||
id: "q3", title: "Sizing", content: "Check our detailed size guide."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg"
|
||||
title="Questions Answered"
|
||||
@@ -288,25 +181,15 @@ export default function LandingPage() {
|
||||
author="Emily R."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shorthaired-woman-black-jacket-white-pants-with-belt-posing-outside-curly-girl-eyeglasses-smiling-street_197531-27978.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shorthaired-woman-black-jacket-white-pants-with-belt-posing-outside-curly-girl-eyeglasses-smiling-street_197531-27978.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shop-seller-adjusting-new-dress-female-customer-woman-trying-clothes-fashion-store-buying-clothes-boutique-concept_74855-12004.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shop-seller-adjusting-new-dress-female-customer-woman-trying-clothes-fashion-store-buying-clothes-boutique-concept_74855-12004.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-stylish-woman-with-white-hair-poses-studio-dressed-fashionable-jacket-dress-hat-is-her-head_132075-13979.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-stylish-woman-with-white-hair-poses-studio-dressed-fashionable-jacket-dress-hat-is-her-head_132075-13979.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-woman-showing-dress-her-friend_23-2147688751.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-woman-showing-dress-her-friend_23-2147688751.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-fashionable-girls-having-fun-together-spending-time-store_132075-12231.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-fashionable-girls-having-fun-together-spending-time-store_132075-12231.jpg", alt: "Customer"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -318,14 +201,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"Elle",
|
||||
"Glamour",
|
||||
"InStyle",
|
||||
"Marie Claire",
|
||||
"Cosmopolitan",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "Elle", "Glamour", "InStyle", "Marie Claire", "Cosmopolitan"]}
|
||||
title="Featured In"
|
||||
description="As seen in major fashion publications."
|
||||
/>
|
||||
@@ -335,16 +211,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Find Your Look?"
|
||||
description="Contact our stylists today for a private appointment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -354,29 +227,19 @@ export default function LandingPage() {
|
||||
logoText="Lumina"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -386,4 +249,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user