216 lines
12 KiB
TypeScript
216 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Zap, Star, Users, Sparkles, Quote, Mail } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Shop", id: "/shop" },
|
|
{ name: "Bundles", id: "/bundles" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Products", href: "/shop" },
|
|
{ label: "Bundles", href: "/bundles" },
|
|
{ label: "New Releases", href: "/shop?sort=newest" },
|
|
{ label: "Best Sellers", href: "/shop?sort=bestsellers" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Blog", href: "/blog" },
|
|
{ label: "Careers", href: "/careers" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems}
|
|
brandName="EVO LIFTS"
|
|
bottomLeftText="Premium Gym Apparel"
|
|
bottomRightText="support@evolifts.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Evolve Your Strength."
|
|
description="Premium gym apparel built for lifters who demand more."
|
|
tag="Elite Performance"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[{ text: "Shop Now", href: "/shop" }]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tired-exhausted-sportsman-listening-music_171337-8007.jpg", imageAlt: "Premium black athletic shirt with gold accents"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sports-man-resting-after-workout_171337-8260.jpg", imageAlt: "Elite athlete training in Evo Lifts gear"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478952.jpg", imageAlt: "Evo Lifts premium product collection"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-making-sport-exercises-home_1328-3082.jpg?_wi=1", imageAlt: "Black gym shirt premium quality"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-before-working-out-outdoors_23-2150343725.jpg?_wi=1", imageAlt: "Athletic sweatpants minimalist design"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-products" data-section="featured-products">
|
|
<ProductCardTwo
|
|
title="Best Sellers"
|
|
description="Discover our most popular premium gym apparel pieces"
|
|
tag="Featured"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", brand: "EVO LIFTS", name: "Legacy Training Tee", price: "$59.99", rating: 5,
|
|
reviewCount: "247", imageSrc: "http://img.b2bpic.net/free-photo/young-man-making-sport-exercises-home_1328-3082.jpg?_wi=2", imageAlt: "Black Legacy Training Tee"},
|
|
{
|
|
id: "2", brand: "EVO LIFTS", name: "Core Performance Sweats", price: "$79.99", rating: 5,
|
|
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-before-working-out-outdoors_23-2150343725.jpg?_wi=2", imageAlt: "Black Core Performance Sweats"},
|
|
{
|
|
id: "3", brand: "EVO LIFTS", name: "Elite Training Bundle", price: "$119.99", rating: 5,
|
|
reviewCount: "152", imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-fitness-vertical-business-card-template_23-2149637570.jpg", imageAlt: "Elite Training Bundle - Shirt and Sweats"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Elite Athletes"
|
|
description="Join thousands of serious lifters who elevate their training with Evo Lifts"
|
|
tag="Community"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Professional Athletes", "Gym Influencers", "Strength Coaches", "Fitness Champions", "Training Studios", "Fitness Communities", "Performance Teams", "Athletic Brands"]}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="Built for Lifters Who Evolve Every Day"
|
|
description="Evo Lifts is dedicated to creating premium gym apparel for lifters who demand more from their training gear. We focus on performance, durability, and clean minimalist style. Every piece is engineered for strength athletes who refuse to compromise on quality or aesthetics."
|
|
metrics={[
|
|
{ value: "100%", title: "Premium Quality Materials" },
|
|
{ value: "10K+", title: "Elite Athletes Worldwide" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vietnamese-strategy-presentation-teamwork-aged_1262-2156.jpg?_wi=1"
|
|
imageAlt="Evo Lifts community of athletes"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Athletes Say"
|
|
description="Hear from lifters and trainers who trust Evo Lifts for their performance apparel"
|
|
tag="Reviews"
|
|
tagIcon={Quote}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcus Johnson", handle: "@marcuslifts", testimonial: "The quality and minimalist design are unmatched. I've worn Evo Lifts every day at the gym for 6 months and it still looks brand new. Finally found apparel that matches my commitment to excellence.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-athlete-stretching_23-2148259622.jpg?_wi=1", imageAlt: "Marcus Johnson"},
|
|
{
|
|
id: "2", name: "Sarah Chen", handle: "@sarahstrength", testimonial: "As a strength coach, I recommend Evo Lifts to all my clients. The durability and premium feel make it worth every penny. My athletes love the professional look.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-female-coach-blogger-giving-fitness-advice-her-followers-video_662251-2451.jpg?_wi=1", imageAlt: "Sarah Chen"},
|
|
{
|
|
id: "3", name: "David Rodriguez", handle: "@davidtrains", testimonial: "The black and gold aesthetic is fire. I get compliments on my Evo Lifts gear constantly. This is what premium gym apparel should be.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-623.jpg?_wi=1", imageAlt: "David Rodriguez"},
|
|
{
|
|
id: "4", name: "Jessica Williams", handle: "@jesspower", testimonial: "I've tried every premium gym brand out there. Evo Lifts is the real deal. The fit is perfect, the material is incredible, and the minimalist design is exactly what I want.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-engaged-gym_1157-32158.jpg", imageAlt: "Jessica Williams"},
|
|
{
|
|
id: "5", name: "Alex Thompson", handle: "@alexgains", testimonial: "Worth the investment. The quality justifies the price. I wear my Evo Lifts gear to every training session and it's become my favorite piece of equipment.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-man-smiling-gesturing_176420-12638.jpg", imageAlt: "Alex Thompson"},
|
|
{
|
|
id: "6", name: "Nicole Park", handle: "@nicolelifts", testimonial: "Finally, gym apparel designed by people who actually lift. The attention to detail and premium materials show that Evo Lifts understands what we need.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-athlete-clenches-fists-with-joy-celebrates-victory-marathon-smiles-broadly-dressed-grey-top-smiles-broadly-enjoys-triumph-poses-indoor-against-white-wall_273609-33762.jpg", imageAlt: "Nicole Park"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="newsletter" data-section="newsletter">
|
|
<ContactCenter
|
|
tag="Stay Updated"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Join the Elite Community"
|
|
description="Get exclusive drops, training tips, and insider access to new collections before they launch."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your inbox. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="EVO LIFTS"
|
|
copyrightText="© 2025 Evo Lifts. All rights reserved."
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |