Merge version_1 into main #2
172
src/app/page.tsx
172
src/app/page.tsx
@@ -30,102 +30,66 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="Fit Life Men's Wear"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Elevate Your Performance."
|
||||
description="Engineered for the relentless. Discover the perfect fusion of technical performance and refined luxury in men's apparel."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Performance Fabric",
|
||||
},
|
||||
value: "100%", label: "Performance Fabric"},
|
||||
{
|
||||
value: "24h",
|
||||
label: "All-Day Comfort",
|
||||
},
|
||||
value: "24h", label: "All-Day Comfort"},
|
||||
{
|
||||
value: "Premium",
|
||||
label: "Craftsmanship",
|
||||
},
|
||||
value: "Premium", label: "Craftsmanship"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/athletic-modern-young-man-posing-gray-metallic-wall_158595-4645.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/athletic-modern-young-man-posing-gray-metallic-wall_158595-4645.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23269.jpg",
|
||||
alt: "Athlete 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23269.jpg", alt: "Athlete 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-dress-code-posing-as-professional_114579-19022.jpg",
|
||||
alt: "Athlete 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-dress-code-posing-as-professional_114579-19022.jpg", alt: "Athlete 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9670.jpg",
|
||||
alt: "Athlete 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9670.jpg", alt: "Athlete 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-9864.jpg",
|
||||
alt: "Athlete 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-9864.jpg", alt: "Athlete 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/athletic-modern-young-man-posing-gray-metallic-wall_158595-4645.jpg",
|
||||
alt: "Athlete 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/athletic-modern-young-man-posing-gray-metallic-wall_158595-4645.jpg", alt: "Athlete 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ elite athletes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Textiles",
|
||||
type: "text", text: "Sustainable Textiles"},
|
||||
{
|
||||
type: "text-icon", text: "Moisture Wicking", icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Moisture Wicking",
|
||||
icon: Droplets,
|
||||
type: "text", text: "4-Way Stretch"},
|
||||
{
|
||||
type: "text-icon", text: "Ergonomic Fit", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "4-Way Stretch",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ergonomic Fit",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Refined Gold Details",
|
||||
},
|
||||
type: "text", text: "Refined Gold Details"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,26 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elite Performance Shorts",
|
||||
price: "$85",
|
||||
variant: "Matte Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-athlete-wers-green-merino-wool-baselayer-thermal-suite-winter-time-posing-front-white-wall_346278-1226.jpg",
|
||||
},
|
||||
id: "p1", name: "Elite Performance Shorts", price: "$85", variant: "Matte Black", imageSrc: "http://img.b2bpic.net/free-photo/young-athlete-wers-green-merino-wool-baselayer-thermal-suite-winter-time-posing-front-white-wall_346278-1226.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tech Signature Tee",
|
||||
price: "$55",
|
||||
variant: "Charcoal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-holding-shopping-bags_23-2148316138.jpg",
|
||||
},
|
||||
id: "p2", name: "Tech Signature Tee", price: "$55", variant: "Charcoal", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-holding-shopping-bags_23-2148316138.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Performance Zip Hoodie",
|
||||
price: "$125",
|
||||
variant: "Obsidian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warming-up-beach_23-2148023812.jpg",
|
||||
},
|
||||
id: "p3", name: "Performance Zip Hoodie", price: "$125", variant: "Obsidian", imageSrc: "http://img.b2bpic.net/free-photo/warming-up-beach_23-2148023812.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Essential pieces for the modern man who refuses to compromise on quality or style."
|
||||
@@ -169,30 +118,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James H.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23269.jpg",
|
||||
},
|
||||
id: "t1", name: "James H.", imageSrc: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23269.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-posing-as-professional_114579-19022.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-posing-as-professional_114579-19022.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9670.jpg?_wi=1",
|
||||
},
|
||||
id: "t3", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9670.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Steven K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-9864.jpg",
|
||||
},
|
||||
id: "t4", name: "Steven K.", imageSrc: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-9864.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athletic-modern-young-man-posing-gray-metallic-wall_158595-4645.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Alex B.", imageSrc: "http://img.b2bpic.net/free-photo/athletic-modern-young-man-posing-gray-metallic-wall_158595-4645.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Athletes"
|
||||
cardTag="Testimonials"
|
||||
@@ -206,20 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the return policy?",
|
||||
content: "We offer a 30-day hassle-free return policy on all unworn items.",
|
||||
},
|
||||
id: "q1", title: "What is the return policy?", content: "We offer a 30-day hassle-free return policy on all unworn items."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we provide expedited international shipping to over 50 countries.",
|
||||
},
|
||||
id: "q2", title: "Do you ship worldwide?", content: "Yes, we provide expedited international shipping to over 50 countries."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are these materials eco-friendly?",
|
||||
content: "We prioritize sustainable, high-performance textiles that are built to last.",
|
||||
},
|
||||
id: "q3", title: "Are these materials eco-friendly?", content: "We prioritize sustainable, high-performance textiles that are built to last."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our premium apparel range."
|
||||
@@ -231,13 +156,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Join the Elite"
|
||||
description="Get early access to new drops and exclusive member-only offers."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9670.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9670.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -247,33 +171,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "About", href: "#hero"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Returns", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user