Update src/app/page.tsx
This commit is contained in:
174
src/app/page.tsx
174
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "features",
|
||||
},
|
||||
name: "About", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Ethereal Wear"
|
||||
/>
|
||||
@@ -58,33 +50,21 @@ export default function LandingPage() {
|
||||
description="Discover our latest collection of premium apparel designed with sustainability and sophistication in mind."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop the Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-with-sunglasses-full-shot_23-2149267443.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/back-view-professional-dancer-with-copy-space_23-2148461870.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/back-view-professional-dancer-with-copy-space_23-2148461870.jpg", alt: "Customer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-flowy-red-dress-with-copy-space_23-2149020839.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-flowy-red-dress-with-copy-space_23-2149020839.jpg", alt: "Customer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275093.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275093.jpg", alt: "Customer profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-punk-outfit_23-2149267471.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-punk-outfit_23-2149267471.jpg", alt: "Customer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg", alt: "Customer profile 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,20 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Fabrics",
|
||||
description: "We source the finest organic cotton and linen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-woven-textured-scarf-background_53876-88535.jpg",
|
||||
},
|
||||
title: "Sustainable Fabrics", description: "We source the finest organic cotton and linen.", imageSrc: "http://img.b2bpic.net/free-photo/green-woven-textured-scarf-background_53876-88535.jpg"},
|
||||
{
|
||||
title: "Ethical Production",
|
||||
description: "Crafted by skilled artisans in fair conditions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-woman-sewing-cloth-by-hand-with-embroidery-set-wooden-table-people-handmade-diy-housework-concept_1150-13528.jpg",
|
||||
},
|
||||
title: "Ethical Production", description: "Crafted by skilled artisans in fair conditions.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-woman-sewing-cloth-by-hand-with-embroidery-set-wooden-table-people-handmade-diy-housework-concept_1150-13528.jpg"},
|
||||
{
|
||||
title: "Minimalist Design",
|
||||
description: "Versatile pieces for the modern lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-top-view_23-2150264133.jpg",
|
||||
},
|
||||
title: "Minimalist Design", description: "Versatile pieces for the modern lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-top-view_23-2150264133.jpg"},
|
||||
]}
|
||||
title="Designed for Longevity"
|
||||
description="Our clothing is built to last, combining ethical manufacturing with superior materials."
|
||||
@@ -125,41 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Linen Basic Shirt",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat_158538-14731.jpg",
|
||||
},
|
||||
id: "p1", name: "Linen Basic Shirt", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat_158538-14731.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Soft Chiffon Dress",
|
||||
price: "$125",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-delicate-woman-with-flying-transparent-dress-loft-studio_633478-2924.jpg",
|
||||
},
|
||||
id: "p2", name: "Soft Chiffon Dress", price: "$125", imageSrc: "http://img.b2bpic.net/free-photo/pretty-delicate-woman-with-flying-transparent-dress-loft-studio_633478-2924.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wool Tailored Coat",
|
||||
price: "$295",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grey-spring-coat-black-dress_613910-7082.jpg",
|
||||
},
|
||||
id: "p3", name: "Wool Tailored Coat", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-grey-spring-coat-black-dress_613910-7082.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Leather Sandals",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-sitting-together_23-2149628950.jpg",
|
||||
},
|
||||
id: "p4", name: "Leather Sandals", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-sitting-together_23-2149628950.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cashmere Sweater",
|
||||
price: "$160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-touching-her-new-jacket_132075-14010.jpg",
|
||||
},
|
||||
id: "p5", name: "Cashmere Sweater", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/model-touching-her-new-jacket_132075-14010.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Linen Tailored Pants",
|
||||
price: "$98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-business-woman-vacation-talking-phone_1303-15663.jpg",
|
||||
},
|
||||
id: "p6", name: "Linen Tailored Pants", price: "$98", imageSrc: "http://img.b2bpic.net/free-photo/asian-business-woman-vacation-talking-phone_1303-15663.jpg"},
|
||||
]}
|
||||
title="Our Latest Selection"
|
||||
description="Explore the season's must-have items curated just for you."
|
||||
@@ -173,23 +120,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Garments Made",
|
||||
value: "15,000+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Garments Made", value: "15,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Sustainable Material",
|
||||
value: "95%",
|
||||
},
|
||||
id: "m2", icon: Shield,
|
||||
title: "Sustainable Material", value: "95%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Customer Reviews",
|
||||
value: "4.9/5",
|
||||
},
|
||||
id: "m3", icon: Star,
|
||||
title: "Customer Reviews", value: "4.9/5"},
|
||||
]}
|
||||
title="Quality in Numbers"
|
||||
description="Transparency is at the core of our business model."
|
||||
@@ -204,25 +142,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portriat-beautiful-business-woman-standing_23-2148317282.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-shop-seller-helping-woman-try-new-dress-tying-waistband-customer-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11698.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-shop-seller-helping-woman-try-new-dress-tying-waistband-customer-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11698.jpg", alt: "Michael"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020769.jpg",
|
||||
alt: "Jessica",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020769.jpg", alt: "Jessica"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2831.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-posing-standing-white-wall_176420-16847.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-posing-standing-white-wall_176420-16847.jpg", alt: "Emily"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -234,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do I care for my items?",
|
||||
content: "Care instructions are included on the tag of every garment.",
|
||||
},
|
||||
id: "faq1", title: "How do I care for my items?", content: "Care instructions are included on the tag of every garment."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "faq2", title: "Do you offer international shipping?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer returns within 30 days of purchase for unused items.",
|
||||
},
|
||||
id: "faq3", title: "What is your return policy?", content: "We offer returns within 30 days of purchase for unused items."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our products and services."
|
||||
@@ -259,8 +178,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Newsletter"
|
||||
description="Get exclusive early access to new collections and styling tips."
|
||||
@@ -273,29 +191,19 @@ export default function LandingPage() {
|
||||
logoText="Ethereal Wear"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Best Sellers", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Returns", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -304,4 +212,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user