Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d2d9dbbcea | |||
| 0acaa00e3a | |||
| b48e773033 |
377
src/app/page.tsx
377
src/app/page.tsx
@@ -3,16 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Award, Shield, Zap } from "lucide-react";
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import { Shield, Zap, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,366 +30,135 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Gear", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="IronFit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="IronFit Essentials"
|
||||
description="Equip yourself for greatness. We provide the most durable, stylish, and effective gym accessories to elevate your performance to the next level."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Gear",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-iron-dumbbells_1301-2292.jpg?_wi=1",
|
||||
imageAlt: "Gym accessories setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-orange-sport-suit_1303-31740.jpg?_wi=1",
|
||||
imageAlt: "Gym clothing apparel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-doing-exercise-with-hand-expande_171337-9181.jpg?_wi=1",
|
||||
imageAlt: "Resistance bands collection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-arrangement-flat-lay_23-2149872095.jpg?_wi=1",
|
||||
imageAlt: "Workout gear set",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-dumbbells_1301-2290.jpg?_wi=1",
|
||||
imageAlt: "Athlete using straps",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-perfectly-ordered-fitness-items_23-2150321819.jpg",
|
||||
imageAlt: "Essential workout gear",
|
||||
},
|
||||
]}
|
||||
<HeroSplit
|
||||
title="Elevate Your Training"
|
||||
description="Professional-grade gym accessories designed for performance, durability, and style. From apparel to heavy-duty lifting gear, we have everything you need to break your personal best."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Shop Collections", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-photo-iron-dumbbells_1301-2292.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
textboxLayout="split"
|
||||
title="Essential Gear"
|
||||
description="Discover our range of premium training tools."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "IronFit",
|
||||
name: "Pro Lifting Gloves",
|
||||
price: "$34.99",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-apron_23-2148138598.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "IronFit",
|
||||
name: "Heavy Duty Straps",
|
||||
price: "$19.99",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-weights-gym-training_23-2148353025.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "IronFit",
|
||||
name: "Premium Resistance Bands",
|
||||
price: "$29.99",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dumbbell-jump-rope-weights-barbell_23-2147688544.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "IronFit",
|
||||
name: "Compression Knee Sleeves",
|
||||
price: "$44.99",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/football-composition-with-ball-net-bag_23-2147827772.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "IronFit",
|
||||
name: "Leather Power Belt",
|
||||
price: "$69.99",
|
||||
rating: 4,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-items-pink-background-flat-lay_169016-17111.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "IronFit",
|
||||
name: "Performance Compression Tee",
|
||||
price: "$39.99",
|
||||
rating: 5,
|
||||
reviewCount: "342",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-blonde-female-goes-sport-summer_273609-28260.jpg",
|
||||
},
|
||||
{ id: "1", name: "Power Straps", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-weights-gym-training_23-2148353025.jpg" },
|
||||
{ id: "2", name: "Resistance Bands", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell-jump-rope-weights-barbell_23-2147688544.jpg" },
|
||||
{ id: "3", name: "Performance Tee", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/pensive-blonde-female-goes-sport-summer_273609-28260.jpg" }
|
||||
]}
|
||||
title="Elite Gym Gear"
|
||||
description="Explore our curated selection of professional-grade fitness equipment designed for athletes who refuse to compromise on quality."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
<MediaAbout
|
||||
title="Our Mission"
|
||||
description="We believe quality gear transforms the fitness experience. IronFit is dedicated to creating accessories that support every athlete in their pursuit of excellence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-with-serious-confident-expression-with-arms-crossed-standing-white-background_141793-118126.jpg"
|
||||
useInvertedBackground={false}
|
||||
title="Engineered for Strength"
|
||||
description={[
|
||||
"Founded by athletes, for athletes. At IronFit, we believe your gear should be as strong as your ambition. We test every single product under the most rigorous conditions to ensure you have what you need to break your personal bests every day.",
|
||||
"Our commitment goes beyond gear; it's about building a community of dedicated people who value precision, durability, and high performance in every training session.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Performance Built"
|
||||
description="Everything we sell is vetted for quality and durability."
|
||||
useInvertedBackground={true}
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Durability Guaranteed",
|
||||
description: "Our materials are sourced for long-term wear, ensuring your gear stands up to the heaviest training cycles.",
|
||||
title: "Advanced Support", description: "Ergonomic design to maximize lifting output.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Performance Optimized",
|
||||
description: "Every item is designed with biomechanics in mind to assist your movement and reduce injury risk.",
|
||||
title: "Durability", description: "Tested for heavy-duty daily usage.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Athlete Approved",
|
||||
description: "Used by professional lifters and everyday fitness enthusiasts who require consistent performance.",
|
||||
},
|
||||
title: "Elite Results", description: "Trusted by thousands of athletes.", bentoComponent: "reveal-icon", icon: Award
|
||||
}
|
||||
]}
|
||||
title="Why Choose IronFit?"
|
||||
description="Experience the difference of gear that was built to last."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Growth"
|
||||
description="Committed to the fitness community."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50k+",
|
||||
title: "Happy Athletes",
|
||||
items: [
|
||||
"Serving professionals",
|
||||
"Everywhere in the world",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Products Built",
|
||||
items: [
|
||||
"Tested rigorously",
|
||||
"Perfected over years",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "User Rating",
|
||||
items: [
|
||||
"Based on trust",
|
||||
"Customer satisfaction",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "50k+", description: "Satisfied Athletes" },
|
||||
{ id: "2", value: "200+", description: "Premium Products" },
|
||||
{ id: "3", value: "4.9/5", description: "Average Rating" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak to our commitment and quality."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Trusted by Athletes"
|
||||
description="Hear from those who rely on IronFit every day."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2024",
|
||||
title: "Pro Athlete",
|
||||
quote: "The lifting straps are incredible. My grip strength is no longer the limiting factor.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-young-man-boxer-training-near-punching-bag_171337-20009.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-iron-dumbbells_1301-2292.jpg?_wi=2",
|
||||
imageAlt: "fitness enthusiast portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
date: "Feb 2024",
|
||||
title: "Bodybuilder",
|
||||
quote: "Absolutely top-tier durability. These have survived my heaviest training blocks.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-young-man-working-out_329181-16556.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-orange-sport-suit_1303-31740.jpg?_wi=2",
|
||||
imageAlt: "fitness enthusiast portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "March 2024",
|
||||
title: "Crossfitter",
|
||||
quote: "Love the versatility of the resistance bands. Great for my warm-up routine.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-with-serious-confident-expression-with-arms-crossed-standing-white-background_141793-118126.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-doing-exercise-with-hand-expande_171337-9181.jpg?_wi=2",
|
||||
imageAlt: "fitness enthusiast portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
date: "April 2024",
|
||||
title: "Powerlifter",
|
||||
quote: "Finally found knee sleeves that provide actual compression without sliding off.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/serious-afro-american-sports-man-looking-camera_171337-8256.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-arrangement-flat-lay_23-2149872095.jpg?_wi=2",
|
||||
imageAlt: "fitness enthusiast portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia M.",
|
||||
date: "May 2024",
|
||||
title: "Gym Goer",
|
||||
quote: "Stylish and functional. Best gym gear I've ever owned, hands down.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-self-confident-motivated-woman-leads-active-lifestyle-carries-fitness-mat-has-regular-practice-poses-outdoors_273609-55499.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-photo-dumbbells_1301-2290.jpg?_wi=2",
|
||||
imageAlt: "fitness enthusiast portrait",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", handle: "@alex_lift", testimonial: "Best straps I've ever owned. Total game changer." },
|
||||
{ id: "2", name: "Sarah K.", handle: "@sarahfit", testimonial: "The bands are perfect for my daily mobility work." }
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Join thousands of satisfied lifters who have transformed their training experience."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship to most countries globally with tracked shipping options.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I choose my size?",
|
||||
content: "Check our detailed size guide on each product page for precision measurements.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What's the return policy?",
|
||||
content: "We offer 30-day returns for any item in its original, unused condition.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sports-group-standing-gum_1157-32140.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
description="Get quick answers to all common questions."
|
||||
<FaqDouble
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our gear."
|
||||
faqs={[
|
||||
{ id: "1", title: "What is your shipping policy?", content: "We ship worldwide via secure couriers." },
|
||||
{ id: "2", title: "Can I return items?", content: "We offer hassle-free returns within 30 days." }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Connect"
|
||||
title="Get in Touch"
|
||||
description="Join the IronFit newsletter for training tips and exclusive gear drops."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Community"
|
||||
description="Sign up for training tips, exclusive deals, and new product launches directly to your inbox."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blur-gym-fitness_74190-4429.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="IronFit"
|
||||
columns={[
|
||||
{ items: [{ label: "Shop Gear", href: "#products" }, { label: "Our Mission", href: "#about" }] },
|
||||
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user