Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
@@ -23,13 +23,13 @@ export const metadata: Metadata = {
|
||||
title: "Nike | Just Do It - Performance Athletic Wear", description: "Discover Nike's latest collection of innovative athletic footwear and apparel. Engineered for performance, designed for champions. Shop now.", keywords: "nike, athletic wear, sports shoes, performance clothing, innovation", openGraph: {
|
||||
title: "Nike | Just Do It", description: "Experience the pinnacle of athletic innovation with Nike's latest performance collection.", url: "https://nike.com", siteName: "Nike", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/athlete-standing-all-weather-running-track_1150-14632.jpg", alt: "Nike Athletic Performance Collection"
|
||||
}
|
||||
]
|
||||
url: "http://img.b2bpic.net/free-photo/athlete-standing-all-weather-running-track_1150-14632.jpg", alt: "Nike Athletic Performance Collection"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Nike | Just Do It", description: "Discover Nike's latest collection of innovative athletic wear.", images: ["http://img.b2bpic.net/free-photo/athlete-standing-all-weather-running-track_1150-14632.jpg"]
|
||||
}
|
||||
card: "summary_large_image", title: "Nike | Just Do It", description: "Discover Nike's latest collection of innovative athletic wear.", images: [
|
||||
"http://img.b2bpic.net/free-photo/athlete-standing-all-weather-running-track_1150-14632.jpg"],
|
||||
},
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
@@ -1416,4 +1416,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
154
src/app/page.tsx
154
src/app/page.tsx
@@ -1,16 +1,24 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Zap, Star, Award, Heart, TrendingUp, Users, Flame } from 'lucide-react';
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import {
|
||||
Zap,
|
||||
Star,
|
||||
Award,
|
||||
Heart,
|
||||
TrendingUp,
|
||||
Users,
|
||||
Flame,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,11 +37,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: 'Shop', id: 'products' },
|
||||
{ name: 'About', id: 'about' },
|
||||
{ name: 'Innovation', id: 'features' },
|
||||
{ name: 'Stories', id: 'testimonials' },
|
||||
{ name: 'Contact', id: 'contact' }
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Innovation", id: "features" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nike"
|
||||
bottomLeftText="Just Do It"
|
||||
@@ -45,13 +53,13 @@ export default function LandingPage() {
|
||||
<HeroSplit
|
||||
title="Designed for Performance"
|
||||
description="Experience the pinnacle of athletic innovation. Nike combines cutting-edge technology with timeless design to push your limits and exceed expectations."
|
||||
background={{ variant: 'plain' }}
|
||||
background={{ variant: "plain" }}
|
||||
tag="New Collection"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: 'Shop Now', href: 'products' },
|
||||
{ text: 'Learn More', href: 'about' }
|
||||
{ text: "Shop Now", href: "products" },
|
||||
{ text: "Learn More", href: "about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/athlete-standing-all-weather-running-track_1150-14632.jpg?_wi=1"
|
||||
@@ -74,35 +82,20 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: '1',
|
||||
name: 'Nike Air Max Elite',
|
||||
price: '$189',
|
||||
variant: 'Black 5 Colors',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg?_wi=1',
|
||||
imageAlt: 'Nike Air Max Elite sneaker',
|
||||
isFavorited: false
|
||||
id: "1", name: "Nike Air Max Elite", price: "$189", variant: "Black 5 Colors", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg?_wi=1", imageAlt: "Nike Air Max Elite sneaker", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Nike Dri-FIT Pro',
|
||||
price: '$79',
|
||||
variant: 'White 3 Colors',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/thoughtful-younsgter-dressed-hoody-leggings-looks-pensively-aside_273609-18391.jpg',
|
||||
imageAlt: 'Nike Dri-FIT Performance shirt',
|
||||
isFavorited: false
|
||||
id: "2", name: "Nike Dri-FIT Pro", price: "$79", variant: "White 3 Colors", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/thoughtful-younsgter-dressed-hoody-leggings-looks-pensively-aside_273609-18391.jpg", imageAlt: "Nike Dri-FIT Performance shirt", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Nike Revolution 6',
|
||||
price: '$129',
|
||||
variant: 'Navy 4 Colors',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg?_wi=2',
|
||||
imageAlt: 'Nike Revolution 6 running shoe',
|
||||
isFavorited: false
|
||||
}
|
||||
id: "3", name: "Nike Revolution 6", price: "$129", variant: "Navy 4 Colors", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg?_wi=2", imageAlt: "Nike Revolution 6 running shoe", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
buttons={[{ text: 'View All', href: '#' }]}
|
||||
buttons={[{ text: "View All", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -119,25 +112,17 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: '1',
|
||||
title: 'Advanced Cushioning Technology',
|
||||
author: 'Performance Lab',
|
||||
description: 'Engineered to provide maximum comfort and responsiveness during intense athletic performance and training sessions.',
|
||||
tags: ['Comfort', 'Technology'],
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/full-shot-man-doing-sport-with-stats_23-2150040506.jpg?_wi=1',
|
||||
imageAlt: 'Nike cushioning technology innovation'
|
||||
},
|
||||
id: "1", title: "Advanced Cushioning Technology", author: "Performance Lab", description:
|
||||
"Engineered to provide maximum comfort and responsiveness during intense athletic performance and training sessions.", tags: ["Comfort", "Technology"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/full-shot-man-doing-sport-with-stats_23-2150040506.jpg?_wi=1", imageAlt: "Nike cushioning technology innovation"},
|
||||
{
|
||||
id: '2',
|
||||
title: 'Sustainable Materials',
|
||||
author: 'Sustainability Team',
|
||||
description: 'Crafted with eco-conscious materials that reduce environmental impact without compromising performance quality.',
|
||||
tags: ['Sustainability', 'Innovation'],
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/full-shot-man-doing-sport-with-stats_23-2150040506.jpg?_wi=2',
|
||||
imageAlt: 'Sustainable material innovation'
|
||||
}
|
||||
id: "2", title: "Sustainable Materials", author: "Sustainability Team", description:
|
||||
"Crafted with eco-conscious materials that reduce environmental impact without compromising performance quality.", tags: ["Sustainability", "Innovation"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/full-shot-man-doing-sport-with-stats_23-2150040506.jpg?_wi=2", imageAlt: "Sustainable material innovation"},
|
||||
]}
|
||||
buttons={[{ text: 'Explore Technology', href: '#' }]}
|
||||
buttons={[{ text: "Explore Technology", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -170,23 +155,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: '1',
|
||||
value: '190+',
|
||||
title: 'Countries Worldwide',
|
||||
description: 'Nike operates in over 190 countries globally',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/athlete-standing-all-weather-running-track_1150-14632.jpg?_wi=2',
|
||||
imageAlt: 'Global reach visualization'
|
||||
},
|
||||
id: "1", value: "190+", title: "Countries Worldwide", description: "Nike operates in over 190 countries globally", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/athlete-standing-all-weather-running-track_1150-14632.jpg?_wi=2", imageAlt: "Global reach visualization"},
|
||||
{
|
||||
id: '2',
|
||||
value: '100M+',
|
||||
title: 'Athletes Inspired',
|
||||
description: 'Empowering athletes of all levels',
|
||||
imageSrc: 'http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg?_wi=3',
|
||||
imageAlt: 'Athletes worldwide'
|
||||
}
|
||||
id: "2", value: "100M+", title: "Athletes Inspired", description: "Empowering athletes of all levels", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg?_wi=3", imageAlt: "Athletes worldwide"},
|
||||
]}
|
||||
buttons={[{ text: 'Discover More', href: '#' }]}
|
||||
buttons={[{ text: "Discover More", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -200,7 +175,8 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={['LeBron James', 'Serena Williams', 'Cristiano Ronaldo', 'Kyrie Irving', 'Neymar Jr', 'Simone Biles', 'Roger Federer']}
|
||||
names={[
|
||||
"LeBron James", "Serena Williams", "Cristiano Ronaldo", "Kyrie Irving", "Neymar Jr", "Simone Biles", "Roger Federer"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -214,12 +190,24 @@ export default function LandingPage() {
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: '1', name: 'Michael Jordan', imageSrc: 'http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg?_wi=1', imageAlt: 'Michael Jordan' },
|
||||
{ id: '2', name: 'Serena Williams', imageSrc: 'http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg?_wi=2', imageAlt: 'Serena Williams' },
|
||||
{ id: '3', name: 'LeBron James', imageSrc: 'http://img.b2bpic.net/free-photo/soccer-player-with-fifa-trophy_23-2147817310.jpg', imageAlt: 'LeBron James' },
|
||||
{ id: '4', name: 'Naomi Osaka', imageSrc: 'http://img.b2bpic.net/free-vector/athletes-logo-design_742173-19764.jpg', imageAlt: 'Naomi Osaka' },
|
||||
{ id: '5', name: 'Cristiano Ronaldo', imageSrc: 'http://img.b2bpic.net/free-photo/young-male-runner-stretching-her-hands-while-exercising-stadium_23-2148162111.jpg', imageAlt: 'Cristiano Ronaldo' },
|
||||
{ id: '6', name: 'Simone Biles', imageSrc: 'http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg?_wi=3', imageAlt: 'Simone Biles' }
|
||||
{
|
||||
id: "1", name: "Michael Jordan", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg?_wi=1", imageAlt: "Michael Jordan"},
|
||||
{
|
||||
id: "2", name: "Serena Williams", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg?_wi=2", imageAlt: "Serena Williams"},
|
||||
{
|
||||
id: "3", name: "LeBron James", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/soccer-player-with-fifa-trophy_23-2147817310.jpg", imageAlt: "LeBron James"},
|
||||
{
|
||||
id: "4", name: "Naomi Osaka", imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/athletes-logo-design_742173-19764.jpg", imageAlt: "Naomi Osaka"},
|
||||
{
|
||||
id: "5", name: "Cristiano Ronaldo", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-male-runner-stretching-her-hands-while-exercising-stadium_23-2148162111.jpg", imageAlt: "Cristiano Ronaldo"},
|
||||
{
|
||||
id: "6", name: "Simone Biles", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg?_wi=3", imageAlt: "Simone Biles"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -227,10 +215,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nike"
|
||||
leftLink={{ text: 'Privacy Policy', href: '#' }}
|
||||
rightLink={{ text: 'Terms of Service', href: '#' }}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user