Update src/app/page.tsx
This commit is contained in:
254
src/app/page.tsx
254
src/app/page.tsx
@@ -29,34 +29,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Women",
|
||||
id: "/women",
|
||||
},
|
||||
{
|
||||
name: "Men",
|
||||
id: "/men",
|
||||
},
|
||||
{
|
||||
name: "New Arrivals",
|
||||
id: "/new-arrivals",
|
||||
},
|
||||
{
|
||||
name: "Sale",
|
||||
id: "/sale",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Women", id: "/women" },
|
||||
{ name: "Men", id: "/men" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{ name: "Cart", id: "/cart" }
|
||||
]}
|
||||
brandName="VELORA"
|
||||
/>
|
||||
@@ -64,73 +42,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="New Season, New Statement"
|
||||
description="Discover timeless fashion for every day, curated for the modern wardrobe."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Women",
|
||||
href: "/women",
|
||||
},
|
||||
{
|
||||
text: "Shop Men",
|
||||
href: "/men",
|
||||
},
|
||||
{
|
||||
text: "New Arrivals",
|
||||
href: "/new-arrivals",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Women", href: "/women" }, { text: "Shop Men", href: "/men" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg?_wi=1"
|
||||
imageAlt="Fashion model wearing new collection"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-black-dress_23-2149884577.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-man-dressed-jeans-overcoat-fashion-male-posing-near-grey-wall-studio_158538-26515.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-woman-dressed-floral-dress_158595-4779.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ fashion enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Elegance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Silhouette",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Delivery",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,44 +57,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "VELORA",
|
||||
name: "Oversized Blazer",
|
||||
price: "$295",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "VELORA",
|
||||
name: "Linen Shirt",
|
||||
price: "$120",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "VELORA",
|
||||
name: "Wide-Leg Trousers",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "VELORA",
|
||||
name: "Basic Tee",
|
||||
price: "$45",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
products={[]}
|
||||
title="Best Sellers"
|
||||
description="Our most loved pieces, essential for your luxury wardrobe."
|
||||
/>
|
||||
@@ -186,33 +66,7 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-black-dress_23-2149884577.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-man-dressed-jeans-overcoat-fashion-male-posing-near-grey-wall-studio_158538-26515.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofia R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-dressed-floral-dress_158595-4779.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-talking-phone_23-2148660691.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
@@ -227,94 +81,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Redefining the standard of luxury fashion with conscious craftsmanship."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Defining style since 2009.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50K",
|
||||
title: "Happy Clients",
|
||||
description: "Across 40+ countries.",
|
||||
icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="New Arrivals"
|
||||
description="Explore the freshest pieces for the upcoming season."
|
||||
products={[
|
||||
{
|
||||
id: "n1",
|
||||
name: "Silk Blouse",
|
||||
price: "$210",
|
||||
variant: "Cream",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-men-s-fashion-template-design_23-2150863970.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "n2",
|
||||
name: "Cashmere Knit",
|
||||
price: "$340",
|
||||
variant: "Grey",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-man-dressed-jeans-overcoat-fashion-male-posing-near-grey-wall-studio_158538-26515.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
metrics={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Women",
|
||||
href: "/women",
|
||||
},
|
||||
{
|
||||
label: "Men",
|
||||
href: "/men",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Policies",
|
||||
items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "Women", href: "/women" }, { label: "Men", href: "/men" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Account", items: [{ label: "Cart", href: "/cart" }, { label: "Checkout", href: "/checkout" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 VELORA. All rights reserved."
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
@@ -323,4 +99,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user