Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d4d8a193af | |||
| 179b5d16ad | |||
| 6ddca50228 | |||
| 53e62b1d6e | |||
| 3d70eacbe0 | |||
| 34a3c48e0a |
@@ -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 - 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: [
|
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: {
|
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({
|
export default function RootLayout({
|
||||||
|
|||||||
152
src/app/page.tsx
152
src/app/page.tsx
@@ -1,16 +1,24 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||||
import { Zap, Star, Award, Heart, TrendingUp, Users, Flame } from 'lucide-react';
|
import {
|
||||||
|
Zap,
|
||||||
|
Star,
|
||||||
|
Award,
|
||||||
|
Heart,
|
||||||
|
TrendingUp,
|
||||||
|
Users,
|
||||||
|
Flame,
|
||||||
|
} from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -29,11 +37,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: 'Shop', id: 'products' },
|
{ name: "Shop", id: "products" },
|
||||||
{ name: 'About', id: 'about' },
|
{ name: "About", id: "about" },
|
||||||
{ name: 'Innovation', id: 'features' },
|
{ name: "Innovation", id: "features" },
|
||||||
{ name: 'Stories', id: 'testimonials' },
|
{ name: "Stories", id: "testimonials" },
|
||||||
{ name: 'Contact', id: 'contact' }
|
{ name: "Contact", id: "contact" },
|
||||||
]}
|
]}
|
||||||
brandName="Nike"
|
brandName="Nike"
|
||||||
bottomLeftText="Just Do It"
|
bottomLeftText="Just Do It"
|
||||||
@@ -45,13 +53,13 @@ export default function LandingPage() {
|
|||||||
<HeroSplit
|
<HeroSplit
|
||||||
title="Designed for Performance"
|
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."
|
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"
|
tag="New Collection"
|
||||||
tagIcon={Zap}
|
tagIcon={Zap}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: 'Shop Now', href: 'products' },
|
{ text: "Shop Now", href: "products" },
|
||||||
{ text: 'Learn More', href: 'about' }
|
{ text: "Learn More", href: "about" },
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/athlete-standing-all-weather-running-track_1150-14632.jpg?_wi=1"
|
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"
|
animationType="slide-up"
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: '1',
|
id: "1", name: "Nike Air Max Elite", price: "$189", variant: "Black 5 Colors", imageSrc:
|
||||||
name: 'Nike Air Max Elite',
|
"http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg?_wi=1", imageAlt: "Nike Air Max Elite sneaker", isFavorited: false,
|
||||||
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',
|
id: "2", name: "Nike Dri-FIT Pro", price: "$79", variant: "White 3 Colors", imageSrc:
|
||||||
name: 'Nike Dri-FIT Pro',
|
"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,
|
||||||
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',
|
id: "3", name: "Nike Revolution 6", price: "$129", variant: "Navy 4 Colors", imageSrc:
|
||||||
name: 'Nike Revolution 6',
|
"http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg?_wi=2", imageAlt: "Nike Revolution 6 running shoe", isFavorited: false,
|
||||||
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"
|
gridVariant="three-columns-all-equal-width"
|
||||||
buttons={[{ text: 'View All', href: '#' }]}
|
buttons={[{ text: "View All", href: "#" }]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -119,25 +112,17 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: '1',
|
id: "1", title: "Advanced Cushioning Technology", author: "Performance Lab", description:
|
||||||
title: 'Advanced Cushioning Technology',
|
"Engineered to provide maximum comfort and responsiveness during intense athletic performance and training sessions.", tags: ["Comfort", "Technology"],
|
||||||
author: 'Performance Lab',
|
imageSrc:
|
||||||
description: 'Engineered to provide maximum comfort and responsiveness during intense athletic performance and training sessions.',
|
"http://img.b2bpic.net/free-photo/full-shot-man-doing-sport-with-stats_23-2150040506.jpg?_wi=1", imageAlt: "Nike cushioning technology innovation"},
|
||||||
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',
|
id: "2", title: "Sustainable Materials", author: "Sustainability Team", description:
|
||||||
title: 'Sustainable Materials',
|
"Crafted with eco-conscious materials that reduce environmental impact without compromising performance quality.", tags: ["Sustainability", "Innovation"],
|
||||||
author: 'Sustainability Team',
|
imageSrc:
|
||||||
description: 'Crafted with eco-conscious materials that reduce environmental impact without compromising performance quality.',
|
"http://img.b2bpic.net/free-photo/full-shot-man-doing-sport-with-stats_23-2150040506.jpg?_wi=2", imageAlt: "Sustainable material innovation"},
|
||||||
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"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -170,23 +155,13 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: '1',
|
id: "1", value: "190+", title: "Countries Worldwide", description: "Nike operates in over 190 countries globally", imageSrc:
|
||||||
value: '190+',
|
"http://img.b2bpic.net/free-photo/athlete-standing-all-weather-running-track_1150-14632.jpg?_wi=2", imageAlt: "Global reach visualization"},
|
||||||
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',
|
id: "2", value: "100M+", title: "Athletes Inspired", description: "Empowering athletes of all levels", imageSrc:
|
||||||
value: '100M+',
|
"http://img.b2bpic.net/free-photo/gym-composition-with-sport-elements_23-2147915643.jpg?_wi=3", imageAlt: "Athletes worldwide"},
|
||||||
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"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -200,7 +175,8 @@ export default function LandingPage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
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}
|
speed={40}
|
||||||
showCard={true}
|
showCard={true}
|
||||||
/>
|
/>
|
||||||
@@ -214,12 +190,24 @@ export default function LandingPage() {
|
|||||||
cardAnimation="slide-up"
|
cardAnimation="slide-up"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
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: "1", name: "Michael Jordan", imageSrc:
|
||||||
{ id: '3', name: 'LeBron James', imageSrc: 'http://img.b2bpic.net/free-photo/soccer-player-with-fifa-trophy_23-2147817310.jpg', imageAlt: 'LeBron James' },
|
"http://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg?_wi=1", imageAlt: "Michael Jordan"},
|
||||||
{ 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: "2", name: "Serena Williams", imageSrc:
|
||||||
{ 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' }
|
"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>
|
</div>
|
||||||
@@ -227,8 +215,8 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="Nike"
|
logoText="Nike"
|
||||||
leftLink={{ text: 'Privacy Policy', href: '#' }}
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||||
rightLink={{ text: 'Terms of Service', href: '#' }}
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user