Merge version_1 into main #1
270
src/app/page.tsx
270
src/app/page.tsx
@@ -33,94 +33,60 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Support", id: "#faq"},
|
||||
]}
|
||||
brandName="Aura Men"
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Elevate Your Style Daily"
|
||||
description="Discover curated men's accessories designed for the modern professional. Quality craftsmanship meets timeless design for everyday confidence."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Products Crafted",
|
||||
},
|
||||
value: "500+", label: "Products Crafted"},
|
||||
{
|
||||
value: "12k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "12k+", label: "Happy Clients"},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
value: "4.9", label: "Avg. Rating"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-fathers-day-with-accessories_23-2147790930.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sunglasses_158538-11345.jpg",
|
||||
alt: "Portrait of a fashion model",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sunglasses_158538-11345.jpg", alt: "Portrait of a fashion model"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sunglasses_158538-11344.jpg",
|
||||
alt: "Stylish businessman portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sunglasses_158538-11344.jpg", alt: "Stylish businessman portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11096.jpg",
|
||||
alt: "Professional model in suit",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11096.jpg", alt: "Professional model in suit"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9457.jpg",
|
||||
alt: "Man wearing luxury accessories",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9457.jpg", alt: "Man wearing luxury accessories"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-barber-thools-isolated-blue_141793-73506.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-barber-thools-isolated-blue_141793-73506.jpg", alt: "Happy customer portrait"},
|
||||
]}
|
||||
avatarText="Join 12,000+ stylish professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Designs",
|
||||
},
|
||||
type: "text", text: "Timeless Designs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Artisan Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
type: "text", text: "Worldwide Shipping"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,30 +97,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Sourced from the finest tanneries and metalworks globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-city_1157-20937.jpg",
|
||||
},
|
||||
title: "Premium Materials", description: "Sourced from the finest tanneries and metalworks globally.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-city_1157-20937.jpg"},
|
||||
{
|
||||
title: "Artisan Craftsmanship",
|
||||
description: "Hand-finished details that reflect superior quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11182.jpg",
|
||||
},
|
||||
title: "Artisan Craftsmanship", description: "Hand-finished details that reflect superior quality.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11182.jpg"},
|
||||
{
|
||||
title: "Timeless Aesthetics",
|
||||
description: "Designs that never go out of style, perfect for any season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-s-wedding-bow-tie_1303-11584.jpg",
|
||||
},
|
||||
title: "Timeless Aesthetics", description: "Designs that never go out of style, perfect for any season.", imageSrc: "http://img.b2bpic.net/free-photo/groom-s-wedding-bow-tie_1303-11584.jpg"},
|
||||
{
|
||||
title: "Ethical Sourcing",
|
||||
description: "We prioritize responsible supply chains and fair labor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thimble-silk_23-2148897938.jpg",
|
||||
},
|
||||
title: "Ethical Sourcing", description: "We prioritize responsible supply chains and fair labor.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thimble-silk_23-2148897938.jpg"},
|
||||
{
|
||||
title: "Modern Durability",
|
||||
description: "Built to withstand the demands of a fast-paced life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-s-hands-with-ornate-silver-tiger-ring-other-accessories_181624-55178.jpg",
|
||||
},
|
||||
title: "Modern Durability", description: "Built to withstand the demands of a fast-paced life.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-s-hands-with-ornate-silver-tiger-ring-other-accessories_181624-55178.jpg"},
|
||||
]}
|
||||
title="Why Aura Men"
|
||||
description="Our accessories are built with precision and durability at the core, ensuring they last as long as your ambition."
|
||||
@@ -169,41 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Wallet",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sunglasses_158538-11311.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Wallet", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sunglasses_158538-11311.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Timepiece",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-speaking-phone_23-2147689221.jpg",
|
||||
},
|
||||
id: "p2", name: "Timepiece", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-speaking-phone_23-2147689221.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Leather Belt",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-briefcase_181624-12279.jpg",
|
||||
},
|
||||
id: "p3", name: "Leather Belt", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/leather-briefcase_181624-12279.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gold Cufflinks",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647250.jpg",
|
||||
},
|
||||
id: "p4", name: "Gold Cufflinks", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/tailoring-items-arrangement-still-life_23-2149647250.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Slim Card Holder",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-inspiration-with-boots-cactus_23-2149484768.jpg",
|
||||
},
|
||||
id: "p5", name: "Slim Card Holder", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/cowboy-inspiration-with-boots-cactus_23-2149484768.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Silk Necktie",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-furoshiki-package-flower_23-2150274437.jpg",
|
||||
},
|
||||
id: "p6", name: "Silk Necktie", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/top-view-furoshiki-package-flower_23-2150274437.jpg"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Explore our hand-picked selection of essential men's accessories."
|
||||
@@ -217,19 +144,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Ethical Sourcing",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Ethical Sourcing", value: "100%"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Warranty Coverage",
|
||||
value: "3 Years",
|
||||
},
|
||||
label: "Warranty Coverage", value: "3 Years"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Global Shipping",
|
||||
value: "40+",
|
||||
},
|
||||
label: "Global Shipping", value: "40+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -242,45 +163,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James Anderson",
|
||||
handle: "@janderson",
|
||||
testimonial: "Exceptional quality. My new wallet feels and looks incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-young-man-making-selfie_1368-6210.jpg",
|
||||
},
|
||||
id: "t1", name: "James Anderson", handle: "@janderson", testimonial: "Exceptional quality. My new wallet feels and looks incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-young-man-making-selfie_1368-6210.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Robert Miller",
|
||||
handle: "@rob.miller",
|
||||
testimonial: "The attention to detail on these accessories is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businessman-holding-coat-shoulder-hand-looking-away_23-2147941457.jpg",
|
||||
},
|
||||
id: "t2", name: "Robert Miller", handle: "@rob.miller", testimonial: "The attention to detail on these accessories is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-businessman-holding-coat-shoulder-hand-looking-away_23-2147941457.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Daniel Smith",
|
||||
handle: "@dsmith.styl",
|
||||
testimonial: "Finally found a brand that values style and longevity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-with-his-arms-crossed-standing-front-building_23-2148176205.jpg",
|
||||
},
|
||||
id: "t3", name: "Daniel Smith", handle: "@dsmith.styl", testimonial: "Finally found a brand that values style and longevity.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-with-his-arms-crossed-standing-front-building_23-2148176205.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael Reed",
|
||||
handle: "@mreed.design",
|
||||
testimonial: "Stellar customer service and fast shipping. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
id: "t4", name: "Michael Reed", handle: "@mreed.design", testimonial: "Stellar customer service and fast shipping. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Clark",
|
||||
handle: "@clark.d",
|
||||
testimonial: "These pieces have become my daily essentials. Truly impressed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
id: "t5", name: "David Clark", handle: "@clark.d", testimonial: "These pieces have become my daily essentials. Truly impressed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Style"
|
||||
@@ -295,23 +191,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Design Awards",
|
||||
value: "15",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Design Awards", value: "15"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Customer Reviews",
|
||||
value: "10k",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "Customer Reviews", value: "10k"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: MapPin,
|
||||
title: "Cities Served",
|
||||
value: "200",
|
||||
},
|
||||
id: "m3", icon: MapPin,
|
||||
title: "Cities Served", value: "200"},
|
||||
]}
|
||||
title="Growth & Impact"
|
||||
description="Trusted by men worldwide for quality and design excellence."
|
||||
@@ -323,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the return policy?",
|
||||
content: "We offer a 30-day return policy on all unused products.",
|
||||
},
|
||||
id: "f1", title: "What is the return policy?", content: "We offer a 30-day return policy on all unused products."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship to over 40 countries worldwide.",
|
||||
},
|
||||
id: "f2", title: "Do you ship internationally?", content: "Yes, we ship to over 40 countries worldwide."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I track my order?",
|
||||
content: "You will receive a tracking link via email once your order ships.",
|
||||
},
|
||||
id: "f3", title: "How can I track my order?", content: "You will receive a tracking link via email once your order ships."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="We've compiled answers to the most common queries."
|
||||
@@ -348,8 +226,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Join Our Style List"
|
||||
description="Get early access to collections and exclusive member offers."
|
||||
@@ -361,50 +238,31 @@ export default function LandingPage() {
|
||||
logoText="Aura Men"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Wallets",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Wallets", href: "#products"},
|
||||
{
|
||||
label: "Watches",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Watches", href: "#products"},
|
||||
{
|
||||
label: "Belts",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Belts", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Support", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user