Merge version_1 into main #2
164
src/app/page.tsx
164
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Smart Fashion"
|
||||
/>
|
||||
@@ -52,38 +40,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Unrivaled Elegance"
|
||||
description="Smart Fashion defines the pinnacle of luxury evening wear. Discover our hand-crafted premium dresses designed to make every moment unforgettable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop New Arrivals", href: "/shop" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg?_wi=1",
|
||||
imageAlt: "Model in premium dress",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg?_wi=1",
|
||||
imageAlt: "Luxury evening dress",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg?_wi=1",
|
||||
imageAlt: "Fashion model portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg?_wi=2",
|
||||
imageAlt: "Elegant evening silhouette",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg?_wi=2",
|
||||
imageAlt: "High-end fashion editorial",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg", imageAlt: "Model in premium dress" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg", imageAlt: "Luxury evening dress" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg", imageAlt: "Fashion model portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg", imageAlt: "Elegant evening silhouette" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg", imageAlt: "High-end fashion editorial" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -96,48 +62,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velvet Midnight Gown",
|
||||
price: "$1,200",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gold Thread Silk Dress",
|
||||
price: "$1,500",
|
||||
variant: "Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Floral Lace Evening",
|
||||
price: "$950",
|
||||
variant: "Emerald",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Satin Drape Gown",
|
||||
price: "$1,100",
|
||||
variant: "Burgundy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Minimalist Chic Shift",
|
||||
price: "$800",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Embellished Cocktail",
|
||||
price: "$1,350",
|
||||
variant: "Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg?_wi=3",
|
||||
},
|
||||
{ id: "p1", name: "Velvet Midnight Gown", price: "$1,200", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg" },
|
||||
{ id: "p2", name: "Gold Thread Silk Dress", price: "$1,500", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg" },
|
||||
{ id: "p3", name: "Floral Lace Evening", price: "$950", variant: "Emerald", imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg" },
|
||||
{ id: "p4", name: "Satin Drape Gown", price: "$1,100", variant: "Burgundy", imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg" },
|
||||
{ id: "p5", name: "Minimalist Chic Shift", price: "$800", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg" },
|
||||
{ id: "p6", name: "Embellished Cocktail", price: "$1,350", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg" }
|
||||
]}
|
||||
title="Women's Premium Dresses"
|
||||
description="Curated selection of our finest luxury dresses."
|
||||
@@ -148,31 +78,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-with-friends-always-is-great_329181-8042.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-holding-bags-after-shopping_1163-346.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-trying-clothes-store_23-2148915566.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julia M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-young-woman-black-maxi-skirt-silk-white-blouse_343629-133.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-posing_23-2149409716.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-with-friends-always-is-great_329181-8042.jpg" },
|
||||
{ id: "2", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-holding-bags-after-shopping_1163-346.jpg" },
|
||||
{ id: "3", name: "Maria C.", imageSrc: "http://img.b2bpic.net/free-photo/women-trying-clothes-store_23-2148915566.jpg" },
|
||||
{ id: "4", name: "Julia M.", imageSrc: "http://img.b2bpic.net/free-photo/modern-young-woman-black-maxi-skirt-silk-white-blouse_343629-133.jpg" },
|
||||
{ id: "5", name: "Chloe T.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-posing_23-2149409716.jpg" }
|
||||
]}
|
||||
cardTitle="Client Elegance"
|
||||
cardTag="Testimonials"
|
||||
@@ -188,18 +98,8 @@ export default function LandingPage() {
|
||||
title="Designed for You"
|
||||
description="Experience personalized luxury with every purchase."
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Custom Fitting",
|
||||
description: "Tailored to your measurements for a perfect fit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Global Shipping",
|
||||
description: "White-glove delivery to your doorstep anywhere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg?_wi=5",
|
||||
},
|
||||
{ id: "f1", title: "Custom Fitting", description: "Tailored to your measurements for a perfect fit.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg", tag: "New" },
|
||||
{ id: "f2", title: "Global Shipping", description: "White-glove delivery to your doorstep anywhere.", imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg", tag: "Premium" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -213,20 +113,8 @@ export default function LandingPage() {
|
||||
title="Our Global Reach"
|
||||
description="We are proud to serve fashion enthusiasts worldwide."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12",
|
||||
title: "Flagship Stores",
|
||||
description: "Located in major luxury capitals.",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2M",
|
||||
title: "Items Delivered",
|
||||
description: "Quality garments shipped with care.",
|
||||
icon: Package,
|
||||
},
|
||||
{ id: "m1", value: "12", title: "Flagship Stores", description: "Located in major luxury capitals.", icon: MapPin },
|
||||
{ id: "m2", value: "2M", title: "Items Delivered", description: "Quality garments shipped with care.", icon: Package }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -25,22 +25,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Smart Fashion"
|
||||
/>
|
||||
@@ -50,48 +38,12 @@ export default function LandingPage() {
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velvet Midnight Gown",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gold Thread Silk Dress",
|
||||
price: "$1,500",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Floral Lace Evening",
|
||||
price: "$950",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Satin Drape Gown",
|
||||
price: "$1,100",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Minimalist Chic Shift",
|
||||
price: "$800",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Embellished Cocktail",
|
||||
price: "$1,350",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg?_wi=5",
|
||||
},
|
||||
{ id: "p1", name: "Velvet Midnight Gown", price: "$1,200", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg" },
|
||||
{ id: "p2", name: "Gold Thread Silk Dress", price: "$1,500", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg" },
|
||||
{ id: "p3", name: "Floral Lace Evening", price: "$950", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg" },
|
||||
{ id: "p4", name: "Satin Drape Gown", price: "$1,100", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg" },
|
||||
{ id: "p5", name: "Minimalist Chic Shift", price: "$800", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg" },
|
||||
{ id: "p6", name: "Embellished Cocktail", price: "$1,350", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,18 +56,8 @@ export default function LandingPage() {
|
||||
title="Seasonal Collections"
|
||||
description="Explore our curated seasonal looks."
|
||||
features={[
|
||||
{
|
||||
id: "sc1",
|
||||
title: "Summer Radiance",
|
||||
description: "Light, airy fabrics for summer elegance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "sc2",
|
||||
title: "Winter Grandeur",
|
||||
description: "Rich, opulent textures for the winter gala.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg?_wi=8",
|
||||
},
|
||||
{ id: "sc1", title: "Summer Radiance", description: "Light, airy fabrics for summer elegance.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1014.jpg", tag: "Seasonal" },
|
||||
{ id: "sc2", title: "Winter Grandeur", description: "Rich, opulent textures for the winter gala.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-female-dancer-sportswear-performing-show-dance-studio-side-view-slim-woman-with_7502-10557.jpg", tag: "Seasonal" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user