268 lines
17 KiB
TypeScript
268 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import TeamCardSix from "@/components/sections/team/TeamCardSix";
|
|
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import Link from "next/link";
|
|
import { Zap, Package, Award, Users, TrendingUp, Globe, Star, BookOpen } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Shop", id: "shop" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Performance", id: "performance" },
|
|
{ name: "Innovation", id: "innovation" },
|
|
{ name: "Stories", id: "stories" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Products", href: "/shop" },
|
|
{ label: "New Arrivals", href: "/shop?filter=new" },
|
|
{ label: "Sale", href: "/shop?filter=sale" },
|
|
{ label: "Gift Cards", href: "/shop/gift" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Nike", href: "/about" },
|
|
{ label: "Careers", href: "/careers" },
|
|
{ label: "Newsroom", href: "/news" },
|
|
{ label: "Sustainability", href: "/sustainability" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "FAQ", href: "/faq" },
|
|
{ label: "Shipping Info", href: "/shipping" },
|
|
{ label: "Returns", href: "/returns" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Settings", href: "#" },
|
|
{ label: "Accessibility", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={navItems}
|
|
button={{ text: "Explore Now", href: "/shop" }}
|
|
brandName="Nike"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Just Do It"
|
|
description="Experience the pinnacle of athletic performance. Revolutionary design meets uncompromising comfort in every stride. Join millions of athletes pushing boundaries worldwide."
|
|
background={{ variant: "plain" }}
|
|
tag="Peak Performance"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Shop Now", href: "/shop" },
|
|
{ text: "Explore Innovation", href: "/innovation" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselItems={[
|
|
{
|
|
id: "carousel-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/professional-athlete-in-motion-wearing-p-1772700641262-1d072e16.png", imageAlt: "Elite athlete in motion"},
|
|
{
|
|
id: "carousel-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/premium-nike-running-shoe-on-clean-white-1772700644617-c25e945a.png", imageAlt: "Premium Nike running shoe"},
|
|
{
|
|
id: "carousel-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/nike-basketball-shoe-in-midnight-black-w-1772700642675-285b0ed8.png", imageAlt: "Nike basketball shoe"},
|
|
{
|
|
id: "carousel-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/close-up-of-advanced-nike-cushioning-tec-1772700642361-864ec032.png", imageAlt: "Advanced cushioning technology"},
|
|
{
|
|
id: "carousel-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/nike-training-shoe-in-sleek-silver-and-b-1772700641244-cd9378ae.png", imageAlt: "Nike training shoe"},
|
|
{
|
|
id: "carousel-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/eco-friendly-nike-shoe-made-from-recycle-1772700642724-c5a13a93.png", imageAlt: "Sustainable Nike footwear"},
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={5000}
|
|
ariaLabel="Nike hero section with product carousel"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
products={[
|
|
{
|
|
id: "product-1", name: "Nike Air Max Elite", price: "$180", variant: "Black 4 Colors", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/premium-nike-running-shoe-on-clean-white-1772700644617-c25e945a.png", imageAlt: "Nike Air Max Elite running shoe", isFavorited: false,
|
|
},
|
|
{
|
|
id: "product-2", name: "Nike Court Thunder", price: "$165", variant: "Midnight 3 Colors", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/nike-basketball-shoe-in-midnight-black-w-1772700642675-285b0ed8.png", imageAlt: "Nike Court Thunder basketball shoe", isFavorited: false,
|
|
},
|
|
{
|
|
id: "product-3", name: "Nike React Training Pro", price: "$150", variant: "Silver 5 Colors", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/nike-training-shoe-in-sleek-silver-and-b-1772700641244-cd9378ae.png", imageAlt: "Nike React Training Pro shoe", isFavorited: false,
|
|
},
|
|
]}
|
|
title="Featured Collection"
|
|
description="Discover our latest premium athletic footwear engineered for champions"
|
|
tag="New Arrivals"
|
|
tagIcon={Package}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "View All Products", href: "/shop" }]}
|
|
buttonAnimation="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Advanced Technology", description: "Cutting-edge cushioning and support systems engineered for maximum performance and comfort", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/close-up-of-advanced-nike-cushioning-tec-1772700642361-864ec032.png", imageAlt: "Nike advanced cushioning technology"},
|
|
{
|
|
id: 2,
|
|
title: "Sustainable Design", description: "Eco-friendly manufacturing using recycled materials without compromising performance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/eco-friendly-nike-shoe-made-from-recycle-1772700642724-c5a13a93.png", imageAlt: "Sustainable Nike manufacturing"},
|
|
{
|
|
id: 3,
|
|
title: "Expert Craftsmanship", description: "Meticulous attention to detail from concept to creation by our world-class design team", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/nike-designer-workspace-with-shoe-protot-1772700642858-2d85bfb8.png", imageAlt: "Nike design and craftsmanship"},
|
|
]}
|
|
title="Why Choose Nike"
|
|
description="Innovation, quality, and performance in every product"
|
|
tag="Excellence"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Learn More", href: "/innovation" }]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500", title: "million", description: "Athletes worldwide trust Nike", icon: Users,
|
|
},
|
|
{
|
|
id: "2", value: "75", title: "countries", description: "Where Nike products are available", icon: Globe,
|
|
},
|
|
{
|
|
id: "3", value: "40", title: "years", description: "Of pioneering athletic innovation", icon: Award,
|
|
},
|
|
{
|
|
id: "4", value: "99", title: "%", description: "Customer satisfaction rating", icon: Star,
|
|
},
|
|
]}
|
|
title="Our Impact"
|
|
description="Global leadership in athletic performance and innovation"
|
|
tag="Achievements"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
members={[
|
|
{
|
|
id: "1", name: "Sarah Champion", role: "Chief Innovation Officer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/nike-product-designer-portrait-in-creati-1772700642880-70e98d63.png", imageAlt: "Sarah Champion, Chief Innovation Officer"},
|
|
{
|
|
id: "2", name: "Marcus Johnson", role: "VP of Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/professional-coach-portrait-in-athletic--1772700642696-1390f277.png", imageAlt: "Marcus Johnson, VP of Design"},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", role: "Head Coach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/female-athletic-director-in-modern-sport-1772700642019-141c1da3.png", imageAlt: "Elena Rodriguez, Head Coach"},
|
|
{
|
|
id: "4", name: "David Park", role: "Product Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/young-innovative-designer-in-modern-nike-1772700641892-7a12bdc0.png", imageAlt: "David Park, Product Designer"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
title="Meet Our Champions"
|
|
description="The visionary leaders and innovators driving Nike's mission"
|
|
tag="Leadership"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Breaking Records with Nike", quote: "Nike's innovation transformed my performance. The comfort and support are unmatched. I've broken three personal records this season.", name: "Alex Thompson", role: "Professional Marathon Runner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/professional-athlete-portrait-in-nike-br-1772700641664-ce335fa7.png", imageAlt: "Alex Thompson, Professional Marathon Runner"},
|
|
{
|
|
id: "2", title: "Elite Performance Delivered", quote: "Every detail matters when you're competing at the highest level. Nike's precision engineering gives me the edge I need to win.", name: "Jessica Lee", role: "Olympic Basketball Player", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/elite-female-athlete-wearing-premium-nik-1772700641556-a40b9857.png", imageAlt: "Jessica Lee, Olympic Basketball Player"},
|
|
{
|
|
id: "3", title: "Comfort Meets Performance", quote: "Training for marathons demands perfection. Nike shoes provide the perfect balance of cushioning and responsiveness. Highly recommended.", name: "Michael Chen", role: "Ultra Marathon Champion", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/marathon-runner-in-motion-wearing-nike-r-1772700641158-18336357.png", imageAlt: "Michael Chen, Ultra Marathon Champion"},
|
|
{
|
|
id: "4", title: "Champion's Choice", quote: "Nike is the choice of champions. Their commitment to quality and performance is evident in every product. I won't use anything else.", name: "Sofia Martinez", role: "Professional Tennis Player", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/basketball-player-in-nike-performance-ge-1772700642138-41402c50.png", imageAlt: "Sofia Martinez, Professional Tennis Player"},
|
|
{
|
|
id: "5", title: "Game-Changing Technology", quote: "The technology behind Nike shoes is revolutionary. I've experienced improved speed, agility, and endurance since switching to Nike.", name: "James Wilson", role: "Professional Soccer Player", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/soccer-player-in-professional-nike-unifo-1772700641962-d25ae9d6.png", imageAlt: "James Wilson, Professional Soccer Player"},
|
|
{
|
|
id: "6", title: "Beyond Expectations", quote: "Nike exceeded all my expectations. From durability to performance, every aspect is exceptional. Worth every penny.", name: "Emma Davis", role: "Professional Tennis Champion", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWFhvfsZ2PNpyjQVVl5OazS1dw/tennis-player-in-nike-apparel-on-profess-1772700641940-c5551482.png", imageAlt: "Emma Davis, Professional Tennis Champion"},
|
|
]}
|
|
title="Athlete Stories"
|
|
description="Hear from elite athletes who trust Nike for peak performance"
|
|
tag="Success"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Elite Athletes Worldwide"
|
|
description="Join millions who choose Nike for unmatched quality and performance"
|
|
tag="Global Leaders"
|
|
tagIcon={Globe}
|
|
tagAnimation="slide-up"
|
|
names={["Adidas", "Puma", "New Balance", "Under Armour", "ASICS", "Saucony", "Brooks", "Merrell"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 Nike, Inc. All rights reserved."
|
|
bottomRightText="Just Do It"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |