Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 504fae21e6 | |||
| 62a2583ccf |
148
src/app/page.tsx
148
src/app/page.tsx
@@ -1,4 +1,5 @@
|
||||
'use client';
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
@@ -11,9 +12,7 @@ import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -28,117 +27,94 @@ export default function HomePage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="APEX FORGE" />
|
||||
<NavbarStyleApple navItems={[{ name: "Home", id: "/" }]} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="FORGE YOUR LEGACY."
|
||||
description="Competition-grade equipment engineered for the relentless."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/training-cross-fit-gym_169016-3356.jpg", imageAlt: "Powerlifter training" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/texture-close-up-metal_23-2148198951.jpg", imageAlt: "Strength Training" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/squared-concrete-wall_1194-5532.jpg", imageAlt: "Strength" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114124.jpg", imageAlt: "Power Rack" }
|
||||
]}
|
||||
buttons={[{ text: "EQUIP YOUR GYM", href: "#products" }]}
|
||||
title="Welcome"
|
||||
description="Experience the best."
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[]}
|
||||
rightCarouselItems={[]}
|
||||
/>
|
||||
</div>
|
||||
<div id="strength" data-section="strength">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="STRENGTH & IRON"
|
||||
description="Precision-engineered steel for peak performance."
|
||||
showStepNumbers={false}
|
||||
features={[
|
||||
{ title: "Power Racks", description: "11-gauge steel, 1000lb capacity.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114127.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-kettlebells-gym_23-2149255815.jpg" } },
|
||||
{ title: "Endurance", description: "Smart cardio engines for recovery.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/people-exercising-gym_52683-111021.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg" } }
|
||||
]}
|
||||
<FeatureCardNine
|
||||
title="Our Strengths"
|
||||
description="Built for scale."
|
||||
features={[]}
|
||||
showStepNumbers={false}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="compare" data-section="compare">
|
||||
<MetricCardEleven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="TITAN SERIES SPECS"
|
||||
description="Engineering excellence in every detail."
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", value: "11-GAUGE", title: "Steel Gauge", description: "Professional thickness", imageSrc: "http://img.b2bpic.net/free-photo/girl-gym_1157-5012.jpg" },
|
||||
{ id: "2", value: "1000LB", title: "Capacity", description: "Extreme structural load", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_74190-5777.jpg" }
|
||||
]}
|
||||
<MetricCardEleven
|
||||
title="Metrics"
|
||||
description="Performance tracking."
|
||||
metrics={[]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
names={["Lifetime Frame Warranty", "Global Shipping", "SGS Safety Certified"]}
|
||||
title="CERTIFIED QUALITY"
|
||||
description="Global standards in athletic safety."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Brand A", "Brand B"]}
|
||||
title="Trusted By"
|
||||
description="Industry leaders."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="ESSENTIAL GEAR"
|
||||
description="Everything the forge demands."
|
||||
buttons={[{ text: "BUY NOW", href: "#contact" }]}
|
||||
products={[
|
||||
{ id: "p1", brand: "Apex", name: "Titan Rack", price: "$1200", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/athlete-gym-swings-triceps-with-barbell-sports-lifestyle_169016-61178.jpg" },
|
||||
{ id: "p2", brand: "Apex", name: "Iron Plate", price: "$89", rating: 5, reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-metallic-pattern-with-holes_23-2148311370.jpg" },
|
||||
{ id: "p3", brand: "Apex", name: "Smart Rower", price: "$1500", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114190.jpg" }
|
||||
]}
|
||||
<ProductCardTwo
|
||||
title="Our Products"
|
||||
description="Quality curated."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "A", name: "P1", price: "$1", rating: 5, reviewCount: "10", imageSrc: "/i.jpg" },
|
||||
{ id: "2", brand: "B", name: "P2", price: "$2", rating: 5, reviewCount: "10", imageSrc: "/i.jpg" },
|
||||
{ id: "3", brand: "C", name: "P3", price: "$3", rating: 5, reviewCount: "10", imageSrc: "/i.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="WALL OF GAIN"
|
||||
description="Real owners, real feedback."
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Best Rack", quote: "The engineering is unparalleled.", name: "Mark R.", role: "Gym Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-muscular-build-man-weight-training-health-club_637285-2484.jpg" },
|
||||
{ id: "t2", title: "Built Tough", quote: "Nothing handles this weight better.", name: "Sarah J.", role: "Powerlifter", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games_23-2151450250.jpg" }
|
||||
]}
|
||||
<TestimonialCardTen
|
||||
title="Testimonials"
|
||||
description="Hear from users."
|
||||
testimonials={[]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="lab" data-section="lab">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="THE FORGE LAB"
|
||||
description="Maintenance guides & workout templates."
|
||||
blogs={[
|
||||
{ id: "b1", category: "Maintenance", title: "Steel Care 101", excerpt: "Keep your racks for life.", imageSrc: "http://img.b2bpic.net/free-photo/development-movements-radial-wrist-joint-functional-board-hand_169016-41385.jpg", authorName: "Forge Master", authorAvatar: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg", date: "Jan 2025" },
|
||||
{ id: "b2", category: "Training", title: "Peak Intensity", excerpt: "The science of training.", imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-making-flexing-exercise_23-2148017401.jpg", authorName: "Forge Master", authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-young-woman-practicing-yoga-is-engaged-with-teacher-online-via-tablet-home-sports-concept_1153-8323.jpg", date: "Feb 2025" }
|
||||
]}
|
||||
<BlogCardOne
|
||||
title="Lab"
|
||||
description="Our insights."
|
||||
blogs={[]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Join The Lab"
|
||||
title="FORGE YOUR LEGACY"
|
||||
description="Sign up for pro-tips and early equipment access."
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
useInvertedBackground={true}
|
||||
tag="Contact"
|
||||
title="Get in touch"
|
||||
description="Let us know your thoughts."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="APEX FORGE"
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Strength", href: "#strength" }, { label: "Compare", href: "#compare" }] },
|
||||
{ title: "Support", items: [{ label: "Warranty", href: "#" }, { label: "Safety", href: "#" }] }
|
||||
]}
|
||||
<FooterBase
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
logoText="Webild"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user