Merge version_1 into main #1
275
src/app/page.tsx
275
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AUREA"
|
||||
/>
|
||||
@@ -56,76 +48,47 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Elegance in Every Thread"
|
||||
description="Experience the epitome of comfort and sophistication with our signature cotton essentials, crafted for the modern individual."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Organic Cotton",
|
||||
},
|
||||
value: "100%", label: "Organic Cotton"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Ethical Sourcing",
|
||||
},
|
||||
value: "24h", label: "Ethical Sourcing"},
|
||||
{
|
||||
value: "12k",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "12k", label: "Happy Clients"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-holding-skateboard-grayscale_53876-165437.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-young-woman-sitting-chair-cafe-holding-disposable-coffee-cup_23-2148148131.jpg",
|
||||
alt: "Thoughtful young woman sitting on chair in cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-young-woman-sitting-chair-cafe-holding-disposable-coffee-cup_23-2148148131.jpg", alt: "Thoughtful young woman sitting on chair in cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-14024.jpg",
|
||||
alt: "Woman model demonstrating cloths",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-cloths_1303-14024.jpg", alt: "Woman model demonstrating cloths"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-moder-woman-standing_23-2148415820.jpg",
|
||||
alt: "Low angle modern woman standing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-moder-woman-standing_23-2148415820.jpg", alt: "Low angle modern woman standing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-trendy-woman-looking-away_23-2148311303.jpg",
|
||||
alt: "Medium shot trendy woman looking away",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-trendy-woman-looking-away_23-2148311303.jpg", alt: "Medium shot trendy woman looking away"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-sunny-day-shadow-from-window_158538-25860.jpg",
|
||||
alt: "Smiling female in trendy red dress",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-sunny-day-shadow-from-window_158538-25860.jpg", alt: "Smiling female in trendy red dress"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable",
|
||||
},
|
||||
type: "text", text: "Sustainable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless",
|
||||
},
|
||||
type: "text", text: "Timeless"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium",
|
||||
},
|
||||
type: "text", text: "Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Minimalist",
|
||||
},
|
||||
type: "text", text: "Minimalist"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Refined",
|
||||
},
|
||||
type: "text", text: "Refined"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,18 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of ",
|
||||
},
|
||||
type: "text", content: "The Art of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg",
|
||||
alt: "Craftsmanship",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg", alt: "Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Minimalist Design",
|
||||
},
|
||||
type: "text", content: " Minimalist Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,20 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Craft",
|
||||
description: "Ethically sourced materials designed for longevity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418513.jpg",
|
||||
},
|
||||
title: "Sustainable Craft", description: "Ethically sourced materials designed for longevity.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418513.jpg"},
|
||||
{
|
||||
title: "Premium Texture",
|
||||
description: "Experience the softness of long-staple cotton.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg",
|
||||
},
|
||||
title: "Premium Texture", description: "Experience the softness of long-staple cotton.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg"},
|
||||
{
|
||||
title: "Perfect Fit",
|
||||
description: "Designed for a timeless, flattering silhouette.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-casual-clothes_23-2148610428.jpg",
|
||||
},
|
||||
title: "Perfect Fit", description: "Designed for a timeless, flattering silhouette.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-suitcase-with-casual-clothes_23-2148610428.jpg"},
|
||||
]}
|
||||
title="Why Aurea"
|
||||
description="Redefining the basics through meticulous attention to detail."
|
||||
@@ -181,52 +128,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Obsidian Tee",
|
||||
price: "$120",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-901.jpg",
|
||||
},
|
||||
id: "p1", name: "The Obsidian Tee", price: "$120", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-grey-shirt_158595-901.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "The Cloud Tee",
|
||||
price: "$110",
|
||||
variant: "White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg",
|
||||
},
|
||||
id: "p2", name: "The Cloud Tee", price: "$110", variant: "White", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "The Slate Tee",
|
||||
price: "$120",
|
||||
variant: "Charcoal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-braids-portrait_23-2151428270.jpg",
|
||||
},
|
||||
id: "p3", name: "The Slate Tee", price: "$120", variant: "Charcoal", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-braids-portrait_23-2151428270.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "The Midnight Tee",
|
||||
price: "$120",
|
||||
variant: "Navy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-girl-with-copy-space_23-2148311272.jpg",
|
||||
},
|
||||
id: "p4", name: "The Midnight Tee", price: "$120", variant: "Navy", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-girl-with-copy-space_23-2148311272.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "The Sand Tee",
|
||||
price: "$115",
|
||||
variant: "Beige",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-blouse-made-silk_23-2148237590.jpg",
|
||||
},
|
||||
id: "p5", name: "The Sand Tee", price: "$115", variant: "Beige", imageSrc: "http://img.b2bpic.net/free-photo/blue-blouse-made-silk_23-2148237590.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "The Moss Tee",
|
||||
price: "$115",
|
||||
variant: "Olive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575314.jpg",
|
||||
},
|
||||
id: "p6", name: "The Moss Tee", price: "$115", variant: "Olive", imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575314.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Shop the essentials for your wardrobe."
|
||||
@@ -240,34 +158,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100K+",
|
||||
title: "Units Sold",
|
||||
items: [
|
||||
"Global shipping",
|
||||
"Fast delivery",
|
||||
"Secure packaging",
|
||||
],
|
||||
id: "m1", value: "100K+", title: "Units Sold", items: [
|
||||
"Global shipping", "Fast delivery", "Secure packaging"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9",
|
||||
title: "User Rating",
|
||||
items: [
|
||||
"Comfort focus",
|
||||
"Durable material",
|
||||
"Fit quality",
|
||||
],
|
||||
id: "m2", value: "4.9", title: "User Rating", items: [
|
||||
"Comfort focus", "Durable material", "Fit quality"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Regional Stores",
|
||||
items: [
|
||||
"Exclusive access",
|
||||
"Local support",
|
||||
"Styling advice",
|
||||
],
|
||||
id: "m3", value: "50+", title: "Regional Stores", items: [
|
||||
"Exclusive access", "Local support", "Styling advice"],
|
||||
},
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
@@ -280,14 +180,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Harper's Bazaar",
|
||||
"GQ",
|
||||
"Esquire",
|
||||
"Elle",
|
||||
"Dazed",
|
||||
"Complex",
|
||||
]}
|
||||
"Vogue", "Harper's Bazaar", "GQ", "Esquire", "Elle", "Dazed", "Complex"]}
|
||||
title="As Seen In"
|
||||
description="Trusted by leading voices in fashion."
|
||||
/>
|
||||
@@ -299,55 +192,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
date: "Oct 2023",
|
||||
title: "Creative Lead",
|
||||
quote: "The texture is unmatched.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-sunglasses-taking-selfie_23-2148522837.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3511.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", date: "Oct 2023", title: "Creative Lead", quote: "The texture is unmatched.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-sunglasses-taking-selfie_23-2148522837.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3511.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
date: "Nov 2023",
|
||||
title: "Editor",
|
||||
quote: "Perfectly fitted, daily staple.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020776.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-young-girl-business-clothes-posing-light-background-studio-concept-stylish-clothes-sophistication_78826-3394.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah L.", date: "Nov 2023", title: "Editor", quote: "Perfectly fitted, daily staple.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020776.jpg", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-young-girl-business-clothes-posing-light-background-studio-concept-stylish-clothes-sophistication_78826-3394.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James K.",
|
||||
date: "Dec 2023",
|
||||
title: "Designer",
|
||||
quote: "Sophistication in a t-shirt.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-bearded-man-glasses-working-laptop_285396-9836.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg",
|
||||
},
|
||||
id: "3", name: "James K.", date: "Dec 2023", title: "Designer", quote: "Sophistication in a t-shirt.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-bearded-man-glasses-working-laptop_285396-9836.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830413.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe M.",
|
||||
date: "Jan 2024",
|
||||
title: "Blogger",
|
||||
quote: "Minimalist dreams come true.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-drag-queen-talking-phone_23-2149556835.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-yellow-summer-dress-interior-room-concrete-wall-background_285396-10752.jpg",
|
||||
},
|
||||
id: "4", name: "Chloe M.", date: "Jan 2024", title: "Blogger", quote: "Minimalist dreams come true.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-drag-queen-talking-phone_23-2149556835.jpg", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-yellow-summer-dress-interior-room-concrete-wall-background_285396-10752.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
date: "Feb 2024",
|
||||
title: "Stylist",
|
||||
quote: "The quality speaks volumes.",
|
||||
tag: "Verified Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cute-tanned-asian-woman-black-trench-coat-white-dress-poses-outside-portrait-brunette-lady-sunglasses_197531-27935.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830427.jpg",
|
||||
},
|
||||
id: "5", name: "David W.", date: "Feb 2024", title: "Stylist", quote: "The quality speaks volumes.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/cute-tanned-asian-woman-black-trench-coat-white-dress-poses-outside-portrait-brunette-lady-sunglasses_197531-27935.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830427.jpg"},
|
||||
]}
|
||||
title="Loved by Modern Icons"
|
||||
description="Hear from our community of minimalists."
|
||||
@@ -360,20 +213,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Material origin?",
|
||||
content: "100% organic cotton from sustainable farms.",
|
||||
},
|
||||
id: "q1", title: "Material origin?", content: "100% organic cotton from sustainable farms."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Return policy?",
|
||||
content: "30-day hassle-free returns on all orders.",
|
||||
},
|
||||
id: "q2", title: "Return policy?", content: "30-day hassle-free returns on all orders."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Washing instructions?",
|
||||
content: "Cold wash, hang dry for best fabric longevity.",
|
||||
},
|
||||
id: "q3", title: "Washing instructions?", content: "Cold wash, hang dry for best fabric longevity."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -385,8 +229,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Join our Inner Circle"
|
||||
description="Sign up for early access to new collections and exclusive styling tips."
|
||||
tag="Newsletter"
|
||||
@@ -398,29 +241,19 @@ export default function LandingPage() {
|
||||
logoText="AUREA"
|
||||
columns={[
|
||||
{
|
||||
title: "Collection",
|
||||
items: [
|
||||
title: "Collection", items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Returns", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user