From 0626c83828eb2c7b64e9ddba58d30772450b0c50 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 04:58:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 408 +++++++++++++----------------------------------
 1 file changed, 113 insertions(+), 295 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d1593f3..1fadab7 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
+}
\ No newline at end of file