Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
408
src/app/page.tsx
408
src/app/page.tsx
@@ -17,310 +17,128 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Racing",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Tickets",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="Crofton Go Kart"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Racing", id: "features" },
|
||||
{ name: "Tickets", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="Crofton Go Kart"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Crofton Go Kart Raceway"
|
||||
description="Experience Formula 1-style racing on our half-mile asphalt track with 27 challenging turns. Open for all ages and family fun."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Race",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/racing-flat_1284-21644.jpg?_wi=1"
|
||||
imageAlt="Go karts racing on professional track"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Crofton Go Kart Raceway"
|
||||
description="Experience Formula 1-style racing on our half-mile asphalt track with 27 challenging turns. Open for all ages and family fun."
|
||||
buttons={[{ text: "Book Your Race", href: "#pricing" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/racing-flat_1284-21644.jpg"
|
||||
imageAlt="professional go kart racing track"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Speed"
|
||||
description="For years, we have provided the premier racing experience in Gambrills, MD. Whether you're a birthday racer or a competitive pro, our track is designed to deliver maximum thrills."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Top-Tier Karts",
|
||||
description: "Formula 1-style karts maintained to perfection.",
|
||||
},
|
||||
{
|
||||
title: "Challenging Track",
|
||||
description: "Half-mile asphalt circuit featuring 27 technical turns.",
|
||||
},
|
||||
{
|
||||
title: "Family Friendly",
|
||||
description: "Safe, professional environment perfect for all skill levels.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stamped-cars-game-night_23-2148281583.jpg?_wi=1"
|
||||
imageAlt="Aerial view of racing track"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Speed"
|
||||
description="For years, we have provided the premier racing experience in Gambrills, MD. Whether you're a birthday racer or a competitive pro, our track is designed to deliver maximum thrills."
|
||||
bulletPoints={[
|
||||
{ title: "Top-Tier Karts", description: "Formula 1-style karts maintained to perfection." },
|
||||
{ title: "Challenging Track", description: "Half-mile asphalt circuit featuring 27 technical turns." },
|
||||
{ title: "Family Friendly", description: "Safe, professional environment perfect for all skill levels." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stamped-cars-game-night_23-2148281583.jpg"
|
||||
imageAlt="aerial view go kart track"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Karts",
|
||||
description: "Performance-tuned engines for genuine competitive speed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-182.jpg?_wi=1",
|
||||
imageAlt: "Go kart engine",
|
||||
},
|
||||
{
|
||||
title: "Safe Environment",
|
||||
description: "High safety standards with professional track marshals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/street-light-minimal-design_53876-100873.jpg?_wi=1",
|
||||
imageAlt: "Safety equipment",
|
||||
},
|
||||
{
|
||||
title: "Minimal Waits",
|
||||
description: "Fast lines ensure you get back on the track quickly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-sparkles-light-streets-night_23-2149057566.jpg?_wi=1",
|
||||
imageAlt: "Start line",
|
||||
},
|
||||
]}
|
||||
title="Racing Excellence"
|
||||
description="Why we are the preferred choice for racers in Maryland."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Fast Karts", description: "Performance-tuned engines for genuine competitive speed.", imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-182.jpg", imageAlt: "go kart engine high speed" },
|
||||
{ title: "Safe Environment", description: "High safety standards with professional track marshals.", imageSrc: "http://img.b2bpic.net/free-vector/street-light-minimal-design_53876-100873.jpg", imageAlt: "race track safety barrier" },
|
||||
{ title: "Minimal Waits", description: "Fast lines ensure you get back on the track quickly.", imageSrc: "http://img.b2bpic.net/free-photo/city-sparkles-light-streets-night_23-2149057566.jpg", imageAlt: "go kart starting line" }
|
||||
]}
|
||||
title="Racing Excellence"
|
||||
description="Why we are the preferred choice for racers in Maryland."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "single",
|
||||
name: "Single Race",
|
||||
price: "$3.75",
|
||||
features: [
|
||||
"1 Session on the track",
|
||||
"Safety Briefing Included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Buy Ticket",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "family",
|
||||
name: "Family Pack",
|
||||
price: "$15.00",
|
||||
features: [
|
||||
"4 Racing Sessions",
|
||||
"Group Safety Briefing",
|
||||
"Reserved Time Slot",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Pack",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Pro Membership",
|
||||
price: "$30.00",
|
||||
features: [
|
||||
"Unlimited Laps",
|
||||
"Priority Pit Lane",
|
||||
"Stats Tracking",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Race Packages"
|
||||
description="Reasonable rates for your next adventure."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "single", name: "Single Race", price: "$3.75", features: ["1 Session on the track", "Safety Briefing Included"], buttons: [{ text: "Buy Ticket", href: "#" }] },
|
||||
{ id: "family", name: "Family Pack", price: "$15.00", features: ["4 Racing Sessions", "Group Safety Briefing", "Reserved Time Slot"], buttons: [{ text: "Book Pack", href: "#" }] },
|
||||
{ id: "pro", name: "Pro Membership", price: "$30.00", features: ["Unlimited Laps", "Priority Pit Lane", "Stats Tracking"], buttons: [{ text: "Join Pro", href: "#" }] }
|
||||
]}
|
||||
title="Race Packages"
|
||||
description="Reasonable rates for your next adventure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Anne Smith",
|
||||
date: "4 months ago",
|
||||
title: "Great nostalgia",
|
||||
quote: "The fast go karts and the breeze was the right amount of fun.",
|
||||
tag: "Birthday",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/racing-flat_1284-21644.jpg?_wi=2",
|
||||
imageAlt: "professional go kart racing track",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jackie HD",
|
||||
date: "5 months ago",
|
||||
title: "Excellent staff",
|
||||
quote: "My granddaughters loved it. Highly recommended for anyone!",
|
||||
tag: "Family",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-35195.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stamped-cars-game-night_23-2148281583.jpg?_wi=2",
|
||||
imageAlt: "aerial view go kart track",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Cindy Castrellon",
|
||||
date: "1 year ago",
|
||||
title: "Top-notch cars",
|
||||
quote: "Friendly staff, spotless, well-organized, cars in great condition.",
|
||||
tag: "Fun",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/excited-laughing-woman-with-wonderful-smile-wearing-white-tshirt-if-closed-eyes-smiling-enjoying-morning-summer-walking-bridge-city_291650-2602.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-182.jpg?_wi=2",
|
||||
imageAlt: "go kart engine high speed",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus V.",
|
||||
date: "2 years ago",
|
||||
title: "Best track",
|
||||
quote: "27 turns make this track really fun. Consistent speed.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/street-light-minimal-design_53876-100873.jpg?_wi=2",
|
||||
imageAlt: "race track safety barrier",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
date: "3 months ago",
|
||||
title: "Thrilling experience",
|
||||
quote: "The most exciting afternoon in Maryland. The track layout is brilliant!",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-sparkles-light-streets-night_23-2149057566.jpg?_wi=2",
|
||||
imageAlt: "go kart starting line",
|
||||
},
|
||||
]}
|
||||
title="What Racers Say"
|
||||
description="Join thousands of happy customers who race at Crofton."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Anne Smith", date: "4 months ago", title: "Great nostalgia", quote: "The fast go karts and the breeze was the right amount of fun.", tag: "Birthday", avatarSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg", imageSrc: "http://img.b2bpic.net/free-vector/racing-flat_1284-21644.jpg", imageAlt: "professional go kart racing track" },
|
||||
{ id: "t2", name: "Jackie HD", date: "5 months ago", title: "Excellent staff", quote: "My granddaughters loved it. Highly recommended for anyone!", tag: "Family", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-35195.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stamped-cars-game-night_23-2148281583.jpg", imageAlt: "aerial view go kart track" },
|
||||
{ id: "t3", name: "Cindy Castrellon", date: "1 year ago", title: "Top-notch cars", quote: "Friendly staff, spotless, well-organized, cars in great condition.", tag: "Fun", avatarSrc: "http://img.b2bpic.net/free-photo/excited-laughing-woman-with-wonderful-smile-wearing-white-tshirt-if-closed-eyes-smiling-enjoying-morning-summer-walking-bridge-city_291650-2602.jpg", imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-182.jpg", imageAlt: "go kart engine high speed" },
|
||||
{ id: "t4", name: "Marcus V.", date: "2 years ago", title: "Best track", quote: "27 turns make this track really fun. Consistent speed.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg", imageSrc: "http://img.b2bpic.net/free-vector/street-light-minimal-design_53876-100873.jpg", imageAlt: "race track safety barrier" },
|
||||
{ id: "t5", name: "Elena R.", date: "3 months ago", title: "Thrilling experience", quote: "The most exciting afternoon in Maryland. The track layout is brilliant!", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg", imageSrc: "http://img.b2bpic.net/free-photo/city-sparkles-light-streets-night_23-2149057566.jpg", imageAlt: "go kart starting line" }
|
||||
]}
|
||||
title="What Racers Say"
|
||||
description="Join thousands of happy customers who race at Crofton."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "We handle walk-ins efficiently but recommend reservations for large groups.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What age is it suitable for?",
|
||||
content: "Our karts are perfect for children and adults. Please check height requirements at the track.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there parking facilities?",
|
||||
content: "Yes, we have a large parking lot on-site for all guests.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do I need a reservation?", content: "We handle walk-ins efficiently but recommend reservations for large groups." },
|
||||
{ id: "f2", title: "What age is it suitable for?", content: "Our karts are perfect for children and adults. Please check height requirements at the track." },
|
||||
{ id: "f3", title: "Are there parking facilities?", content: "Yes, we have a large parking lot on-site for all guests." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Crofton Go Kart"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Safety Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Crofton Go Kart"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Safety Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user