Merge version_1 into main #2
305
src/app/page.tsx
305
src/app/page.tsx
@@ -8,7 +8,6 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -16,229 +15,101 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="JerseyElite"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Collection", id: "#products" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" }
|
||||
]}
|
||||
brandName="JerseyElite"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Iconic Jerseys for the True Fan"
|
||||
description="Experience superior quality and authentic designs with our premium jersey collection. Elevate your game day wardrobe."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "The material is exceptionally breathable and the fit is perfect.",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
handle: "@staylor",
|
||||
testimonial: "Best jersey purchase I've made this season. Authentic and durable.",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Jordan Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Absolutely love the vintage aesthetic. Top tier quality.",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Casey Smith",
|
||||
handle: "@csmith",
|
||||
testimonial: "Fast shipping and the jersey looks exactly like the photos.",
|
||||
rating: 4,
|
||||
},
|
||||
{
|
||||
name: "Morgan Davis",
|
||||
handle: "@mdavis",
|
||||
testimonial: "My go-to store for all my team gear. Consistent quality.",
|
||||
rating: 5,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-skinned-bearded-hipster-guy-dressed-black-hoodie-sports-shorts-holds-skateboard-while-sitting-stairs-ghetto_613910-17652.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Iconic Jerseys for the True Fan"
|
||||
description="Experience superior quality and authentic designs with our premium jersey collection. Elevate your game day wardrobe."
|
||||
testimonials={[
|
||||
{ name: "Alex Rivers", handle: "@arivers", testimonial: "The material is exceptionally breathable and the fit is perfect.", rating: 5 },
|
||||
{ name: "Sam Taylor", handle: "@staylor", testimonial: "Best jersey purchase I've made this season. Authentic and durable.", rating: 5 },
|
||||
{ name: "Jordan Lee", handle: "@jlee", testimonial: "Absolutely love the vintage aesthetic. Top tier quality.", rating: 5 },
|
||||
{ name: "Casey Smith", handle: "@csmith", testimonial: "Fast shipping and the jersey looks exactly like the photos.", rating: 4 },
|
||||
{ name: "Morgan Davis", handle: "@mdavis", testimonial: "My go-to store for all my team gear. Consistent quality.", rating: 5 }
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-skinned-bearded-hipster-guy-dressed-black-hoodie-sports-shorts-holds-skateboard-while-sitting-stairs-ghetto_613910-17652.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Pro Basketball Jersey",
|
||||
price: "$89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-athletic-man-stretching_23-2148605695.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Vintage Soccer Kit",
|
||||
price: "$75.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/customizable-football-jersey-designs-professional-soccer-uniform-templates_29096-5997.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "All-Star Baseball Top",
|
||||
price: "$95.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethnic-man-with-basketball-looking-away_23-2148203636.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Hand-picked jerseys crafted for performance and style."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Pro Basketball Jersey", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-athletic-man-stretching_23-2148605695.jpg" },
|
||||
{ id: "2", name: "Vintage Soccer Kit", price: "$75.00", imageSrc: "http://img.b2bpic.net/free-vector/customizable-football-jersey-designs-professional-soccer-uniform-templates_29096-5997.jpg" },
|
||||
{ id: "3", name: "All-Star Baseball Top", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/ethnic-man-with-basketball-looking-away_23-2148203636.jpg" }
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Hand-picked jerseys crafted for performance and style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jane D.",
|
||||
role: "Fan",
|
||||
testimonial: "Unmatched quality and fast delivery. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536198.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark S.",
|
||||
role: "Fan",
|
||||
testimonial: "Stunning design, looks better in person!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-wearing-headband-wristband-showing-okay-gesture-isolated-white_141793-56538.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Fan",
|
||||
testimonial: "The fabric is top-notch. Will buy again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-rugby-players-looking-each-other_23-2148355542.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris B.",
|
||||
role: "Fan",
|
||||
testimonial: "Perfect fit, fast shipping, amazing quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-going-work-bicycle_23-2149443029.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pat W.",
|
||||
role: "Fan",
|
||||
testimonial: "Best customer service and authentic jerseys.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-skinned-bearded-hipster-guy-dressed-black-hoodie-sports-shorts-holds-skateboard-while-sitting-stairs-ghetto_613910-17652.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Loved by Athletes"
|
||||
description="See why thousands of fans trust JerseyElite for their authentic gear."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jane D.", role: "Fan", testimonial: "Unmatched quality and fast delivery. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-their-team_23-2151536198.jpg" },
|
||||
{ id: "2", name: "Mark S.", role: "Fan", testimonial: "Stunning design, looks better in person!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-sporty-man-wearing-headband-wristband-showing-okay-gesture-isolated-white_141793-56538.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Fan", testimonial: "The fabric is top-notch. Will buy again.", imageSrc: "http://img.b2bpic.net/free-photo/female-rugby-players-looking-each-other_23-2148355542.jpg" },
|
||||
{ id: "4", name: "Chris B.", role: "Fan", testimonial: "Perfect fit, fast shipping, amazing quality.", imageSrc: "http://img.b2bpic.net/free-photo/woman-going-work-bicycle_23-2149443029.jpg" },
|
||||
{ id: "5", name: "Pat W.", role: "Fan", testimonial: "Best customer service and authentic jerseys.", imageSrc: "http://img.b2bpic.net/free-photo/dark-skinned-bearded-hipster-guy-dressed-black-hoodie-sports-shorts-holds-skateboard-while-sitting-stairs-ghetto_613910-17652.jpg" }
|
||||
]}
|
||||
title="Loved by Athletes"
|
||||
description="See why thousands of fans trust JerseyElite for their authentic gear."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer returns?",
|
||||
content: "Yes, we offer a 30-day return policy for unworn jerseys.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I choose my size?",
|
||||
content: "We provide a detailed size guide on every product page for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are these jerseys authentic?",
|
||||
content: "We guarantee that all items are 100% authentic and high-quality.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer returns?", content: "Yes, we offer a 30-day return policy for unworn jerseys." },
|
||||
{ id: "f2", title: "How do I choose my size?", content: "We provide a detailed size guide on every product page for your convenience." },
|
||||
{ id: "f3", title: "Are these jerseys authentic?", content: "We guarantee that all items are 100% authentic and high-quality." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Excellence in Every Stitch"
|
||||
description="At JerseyElite, we believe in the power of authentic representation. Our jerseys are built to stand the test of time, just like your passion for the game."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Jerseys",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 JerseyElite. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "All Jerseys", href: "#products" }, { label: "New Arrivals", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 JerseyElite. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user