Merge version_2 into main #4
117
src/app/page.tsx
117
src/app/page.tsx
@@ -29,14 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Support", id: "faq"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="Fit Life Men's Wear"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
@@ -45,51 +41,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ 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: "24h", label: "All-Day Comfort"},
|
||||
{
|
||||
value: "Premium", label: "Craftsmanship"},
|
||||
{ value: "100%", label: "Performance Fabric" },
|
||||
{ value: "24h", label: "All-Day Comfort" },
|
||||
{ value: "Premium", label: "Craftsmanship" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
buttons={[{ 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"
|
||||
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/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/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"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ elite athletes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Sustainable Textiles"},
|
||||
{
|
||||
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: "Refined Gold Details"},
|
||||
{ type: "text", text: "Sustainable Textiles" },
|
||||
{ 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: "Refined Gold Details" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,12 +70,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "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."
|
||||
@@ -117,16 +83,9 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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: "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: "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: "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: "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" },
|
||||
]}
|
||||
cardTitle="Loved by Athletes"
|
||||
cardTag="Testimonials"
|
||||
@@ -139,12 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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."
|
||||
@@ -155,8 +111,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Join the Elite"
|
||||
description="Get early access to new drops and exclusive member-only offers."
|
||||
@@ -168,26 +123,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About", href: "#hero"},
|
||||
{
|
||||
label: "Returns", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#hero" }, { label: "Returns", href: "#faq" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="FIT LIFE"
|
||||
/>
|
||||
@@ -195,4 +132,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user