Merge version_1 into main #2
316
src/app/page.tsx
316
src/app/page.tsx
@@ -18,222 +18,124 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "History",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lane Stadium"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "History", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lane Stadium"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="The Heart of College Football"
|
||||
description="Experience the legendary atmosphere of Lane Stadium, where tradition meets modern excellence."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg",
|
||||
imageAlt: "Aerial View",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stand-background_1137-322.jpg?_wi=1",
|
||||
imageAlt: "View from the stands",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-white-grandstands-arena-low-angle_23-2149867373.jpg?_wi=1",
|
||||
imageAlt: "Stands lighting up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-clothes-thrift-shop-side-view_23-2150082900.jpg?_wi=1",
|
||||
imageAlt: "Crowd view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-baseball-field_23-2150885207.jpg?_wi=1",
|
||||
imageAlt: "Field view",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Heart of College Football"
|
||||
description="Experience the legendary atmosphere of Lane Stadium, where tradition meets modern excellence."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg", imageAlt: "Aerial View" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stand-background_1137-322.jpg", imageAlt: "View from the stands" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/red-white-grandstands-arena-low-angle_23-2149867373.jpg", imageAlt: "Stands lighting up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-looking-clothes-thrift-shop-side-view_23-2150082900.jpg", imageAlt: "Crowd view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-baseball-field_23-2150885207.jpg", imageAlt: "Field view" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Excellence"
|
||||
description="Since its opening, Lane Stadium has served as a beacon of passion, hosting countless historic games and witnessing the indomitable spirit of our team and community."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-baseball-field_23-2150885207.jpg?_wi=2"
|
||||
imageAlt="Historic Stadium Detail"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Excellence"
|
||||
description="Since its opening, Lane Stadium has served as a beacon of passion, hosting countless historic games and witnessing the indomitable spirit of our team and community."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-baseball-field_23-2150885207.jpg"
|
||||
imageAlt="Historic Stadium Detail"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "HD Scoreboards",
|
||||
description: "Crystal-clear visuals across high-definition displays.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stand-background_1137-322.jpg?_wi=2",
|
||||
imageAlt: "Large screens",
|
||||
},
|
||||
{
|
||||
title: "Premium Seating",
|
||||
description: "Comfortable, strategically located seating for every fan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-white-grandstands-arena-low-angle_23-2149867373.jpg?_wi=2",
|
||||
imageAlt: "Premium seats",
|
||||
},
|
||||
{
|
||||
title: "Fan Services",
|
||||
description: "Enhanced accessibility, dining, and retail experiences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-clothes-thrift-shop-side-view_23-2150082900.jpg?_wi=2",
|
||||
imageAlt: "Fan services",
|
||||
},
|
||||
]}
|
||||
title="World-Class Facilities"
|
||||
description="State-of-the-art amenities designed for an unparalleled fan and athlete experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "HD Scoreboards", description: "Crystal-clear visuals across high-definition displays.", imageSrc: "http://img.b2bpic.net/free-photo/stand-background_1137-322.jpg", imageAlt: "Large screens" },
|
||||
{ title: "Premium Seating", description: "Comfortable, strategically located seating for every fan.", imageSrc: "http://img.b2bpic.net/free-photo/red-white-grandstands-arena-low-angle_23-2149867373.jpg", imageAlt: "Premium seats" },
|
||||
{ title: "Fan Services", description: "Enhanced accessibility, dining, and retail experiences.", imageSrc: "http://img.b2bpic.net/free-photo/people-looking-clothes-thrift-shop-side-view_23-2150082900.jpg", imageAlt: "Fan services" },
|
||||
]}
|
||||
title="World-Class Facilities"
|
||||
description="State-of-the-art amenities designed for an unparalleled fan and athlete experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Capacity",
|
||||
value: "66,000+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Founded",
|
||||
value: "1965",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Games Played",
|
||||
value: "500+",
|
||||
icon: Trophy,
|
||||
},
|
||||
]}
|
||||
title="Stadium by the Numbers"
|
||||
description="The scale and impact of our home field."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Capacity", value: "66,000+", icon: Users },
|
||||
{ id: "m2", title: "Founded", value: "1965", icon: Calendar },
|
||||
{ id: "m3", title: "Games Played", value: "500+", icon: Trophy },
|
||||
]}
|
||||
title="Stadium by the Numbers"
|
||||
description="The scale and impact of our home field."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark Stevens",
|
||||
role: "Season Ticket Holder",
|
||||
company: "Fan Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-stadium_23-2151671459.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jessica Hall",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-with-medal-around-neck-biting-medal-looking-straight-isolated-green_141793-84260.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Richards",
|
||||
role: "Alumni",
|
||||
company: "Class of '98",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beutiful-girl-dress-sunglasses-sitting-tribunes-stadium_627829-7707.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
role: "Visitor",
|
||||
company: "Family",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-riding-dirt-bikes_23-2151493425.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Brian Thompson",
|
||||
role: "Long-time Fan",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-soccer-stadium_23-2151548580.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Overall Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Memorable Moments",
|
||||
},
|
||||
]}
|
||||
title="Fan Perspectives"
|
||||
description="What our supporters and visitors say about the stadium experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mark Stevens", role: "Season Ticket Holder", company: "Fan Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/soccer-fans-cheering-stadium_23-2151671459.jpg" },
|
||||
{ id: "2", name: "Jessica Hall", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-with-medal-around-neck-biting-medal-looking-straight-isolated-green_141793-84260.jpg" },
|
||||
{ id: "3", name: "David Richards", role: "Alumni", company: "Class of '98", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beutiful-girl-dress-sunglasses-sitting-tribunes-stadium_627829-7707.jpg" },
|
||||
{ id: "4", name: "Sarah Miller", role: "Visitor", company: "Family", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/people-riding-dirt-bikes_23-2151493425.jpg" },
|
||||
{ id: "5", name: "Brian Thompson", role: "Long-time Fan", company: "Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-soccer-stadium_23-2151548580.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Satisfaction Rate" },
|
||||
{ value: "4.9/5", label: "Overall Rating" },
|
||||
{ value: "100%", label: "Memorable Moments" },
|
||||
]}
|
||||
title="Fan Perspectives"
|
||||
description="What our supporters and visitors say about the stadium experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Stay Connected"
|
||||
title="Get Stadium Updates"
|
||||
description="Sign up for game-day alerts, stadium announcements, and exclusive events."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/analog-landscape-city-with-buildings_23-2149661459.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Connected"
|
||||
title="Get Stadium Updates"
|
||||
description="Sign up for game-day alerts, stadium announcements, and exclusive events."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/analog-landscape-city-with-buildings_23-2149661459.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Lane Stadium"
|
||||
copyrightText="© 2025 Lane Stadium | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Lane Stadium"
|
||||
copyrightText="© 2025 Lane Stadium | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user