Update src/app/page.tsx
This commit is contained in:
237
src/app/page.tsx
237
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="Aura Hoodies"
|
||||
/>
|
||||
@@ -56,92 +48,51 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Redefining Comfort and Aesthetic"
|
||||
description="Experience the perfect blend of modern design and premium comfort with our latest collection of hand-crafted hoodies. Tailored for those who appreciate the details."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice T.",
|
||||
handle: "@alicet",
|
||||
testimonial: "The best fit and feel I've ever had. Truly aesthetic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-water-break_23-2148898075.jpg",
|
||||
},
|
||||
name: "Alice T.", handle: "@alicet", testimonial: "The best fit and feel I've ever had. Truly aesthetic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-water-break_23-2148898075.jpg"},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@marcusr",
|
||||
testimonial: "Premium quality fabric that actually lasts. Love the brand.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-brunette-model-having-fun-going-crazy-cheerful-happy-sunglasses_158538-20361.jpg",
|
||||
},
|
||||
name: "Marcus R.", handle: "@marcusr", testimonial: "Premium quality fabric that actually lasts. Love the brand.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-brunette-model-having-fun-going-crazy-cheerful-happy-sunglasses_158538-20361.jpg"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Everything about these hoodies is perfect. Aesthetic goal met.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204452.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "Everything about these hoodies is perfect. Aesthetic goal met.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204452.jpg"},
|
||||
{
|
||||
name: "Leo K.",
|
||||
handle: "@leok",
|
||||
testimonial: "So comfortable I never take it off. Simple, clean design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-sunglasses-standing-outside_23-2147654973.jpg",
|
||||
},
|
||||
name: "Leo K.", handle: "@leok", testimonial: "So comfortable I never take it off. Simple, clean design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-sunglasses-standing-outside_23-2147654973.jpg"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elenav",
|
||||
testimonial: "Finally found a hoodie that fits the vibe I was looking for.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-clothes_23-2149241364.jpg",
|
||||
},
|
||||
name: "Elena V.", handle: "@elenav", testimonial: "Finally found a hoodie that fits the vibe I was looking for.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-clothes_23-2149241364.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-blond-girl-posing-with-loangboard_158595-2840.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_1303-17562.jpg",
|
||||
alt: "Portrait of beautiful woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_1303-17562.jpg", alt: "Portrait of beautiful woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-girl-posing-outdoors_23-2149241604.jpg",
|
||||
alt: "Medium shot girl posing outdoors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-girl-posing-outdoors_23-2149241604.jpg", alt: "Medium shot girl posing outdoors"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-hipster-girl-eyewear_158595-4906.jpg",
|
||||
alt: "Attractive hipster girl in eyewear",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-hipster-girl-eyewear_158595-4906.jpg", alt: "Attractive hipster girl in eyewear"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-grey-suit-enjoys-wind-street-new-york-city_8353-1582.jpg",
|
||||
alt: "Woman in grey suit enjoys wind on the street of New York city",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-grey-suit-enjoys-wind-street-new-york-city_8353-1582.jpg", alt: "Woman in grey suit enjoys wind on the street of New York city"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-afro-dreadlocks_23-2149462068.jpg",
|
||||
alt: "Front view man with afro dreadlocks",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-with-afro-dreadlocks_23-2149462068.jpg", alt: "Front view man with afro dreadlocks"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Fabric",
|
||||
},
|
||||
type: "text", text: "Premium Fabric"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Aesthetic",
|
||||
},
|
||||
type: "text", text: "Modern Aesthetic"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Crafted",
|
||||
},
|
||||
type: "text", text: "Ethically Crafted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Curated Collections",
|
||||
},
|
||||
type: "text", text: "Curated Collections"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,19 +104,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Ethically Made",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Ethically Made", value: "100%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Premium Quality",
|
||||
value: "Premium",
|
||||
},
|
||||
label: "Premium Quality", value: "Premium"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Aesthetic Design",
|
||||
value: "Curated",
|
||||
},
|
||||
label: "Aesthetic Design", value: "Curated"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -179,41 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Minimalist Hoodie - Sand",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134027.jpg",
|
||||
},
|
||||
id: "p1", name: "Minimalist Hoodie - Sand", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134027.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Street Hoodie - Sage",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-hoodie-mockup-front_1258-248400.jpg",
|
||||
},
|
||||
id: "p2", name: "Street Hoodie - Sage", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/white-hoodie-mockup-front_1258-248400.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Logo Hoodie - Black",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-982.jpg",
|
||||
},
|
||||
id: "p3", name: "Classic Logo Hoodie - Black", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-gray-background_89887-982.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Oversized Fit - Grey",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883570.jpg",
|
||||
},
|
||||
id: "p4", name: "Oversized Fit - Grey", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883570.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Thermal Hoodie - Navy",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",
|
||||
},
|
||||
id: "p5", name: "Thermal Hoodie - Navy", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Essential Hoodie - White",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-fern-leaf-with-canvas-backdrop_171337-16482.jpg",
|
||||
},
|
||||
id: "p6", name: "Essential Hoodie - White", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-fern-leaf-with-canvas-backdrop_171337-16482.jpg"},
|
||||
]}
|
||||
title="Shop the Collection"
|
||||
description="Explore our curated hoodies designed for everyday wear."
|
||||
@@ -222,30 +143,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
title: "Happy Customers",
|
||||
description: "Joining the aesthetic community.",
|
||||
icon: Smile,
|
||||
id: "m1", value: "50k+", title: "Happy Customers", description: "Joining the aesthetic community.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120",
|
||||
title: "Design Styles",
|
||||
description: "Curated options to suit your look.",
|
||||
icon: Palette,
|
||||
id: "m2", value: "120", title: "Design Styles", description: "Curated options to suit your look.", icon: Palette,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Global Partners",
|
||||
description: "Bringing designs to life everywhere.",
|
||||
icon: Globe,
|
||||
id: "m3", value: "15+", title: "Global Partners", description: "Bringing designs to life everywhere.", icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Brand Impact"
|
||||
@@ -261,25 +171,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller, Creative Director"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-girl-singing-karaoke-app-earphones-holding-mobile-phone_176420-21487.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-girl-singing-karaoke-app-earphones-holding-mobile-phone_176420-21487.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-darkroom_23-2149893827.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-darkroom_23-2149893827.jpg", alt: "John"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-woman-posing-near-pink-wall-studio-positive-model-having-fun_158538-3451.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-woman-posing-near-pink-wall-studio-positive-model-having-fun_158538-3451.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-urban-style-african-american-man-pink-hoodie-posed-winter-day-boxing-hands_627829-1456.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-urban-style-african-american-man-pink-hoodie-posed-winter-day-boxing-hands_627829-1456.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg",
|
||||
alt: "Business owners preparing their store",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-owners-preparing-their-store_23-2149300867.jpg", alt: "Business owners preparing their store"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -292,20 +192,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Shipping Times?",
|
||||
content: "We ship globally within 5-7 business days.",
|
||||
},
|
||||
id: "f1", title: "Shipping Times?", content: "We ship globally within 5-7 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Care Instructions?",
|
||||
content: "Machine wash cold, air dry for the best result.",
|
||||
},
|
||||
id: "f2", title: "Care Instructions?", content: "Machine wash cold, air dry for the best result."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Return Policy?",
|
||||
content: "30-day hassle-free returns on all orders.",
|
||||
},
|
||||
id: "f3", title: "Return Policy?", content: "30-day hassle-free returns on all orders."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about our products."
|
||||
@@ -318,14 +209,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Vogue",
|
||||
"GQ",
|
||||
"Hypebeast",
|
||||
"Fashion Week",
|
||||
"Style Weekly",
|
||||
"Urban Trends",
|
||||
"Trend Hunter",
|
||||
]}
|
||||
"Vogue", "GQ", "Hypebeast", "Fashion Week", "Style Weekly", "Urban Trends", "Trend Hunter"]}
|
||||
title="Trusted by Creators"
|
||||
description="Featured in leading fashion publications and style platforms."
|
||||
/>
|
||||
@@ -335,8 +219,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Keep Connected"
|
||||
title="Join the Aesthetic Community"
|
||||
description="Sign up for exclusive drops, early access, and style tips."
|
||||
@@ -349,37 +232,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user