Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,12 +6,12 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Award } from "lucide-react";
+import { Award, Shirt, Droplets } from "lucide-react";
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 
 export default function LandingPage() {
   return (
@@ -31,22 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Features", id: "features" },
+        { name: "Amenities", id: "amenities" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="North Arena"
     />
@@ -54,73 +43,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="North Arena: The Best 5v5 Turf in Uttara"
       description="Experience world-labour football on our premier astroturf. Book your slot in Sector 7, Uttara today."
       kpis={[
-        {
-          value: "24/7",
-          label: "Facility Access",
-        },
-        {
-          value: "100%",
-          label: "Premium Astroturf",
-        },
-        {
-          value: "500+",
-          label: "Matches Played",
-        },
+        { value: "24/7", label: "Facility Access" },
+        { value: "100%", label: "Premium Astroturf" },
+        { value: "500+", label: "Matches Played" },
       ]}
       enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/football-training-girl-sports-uniform-football-field-active-lifestyle_169016-67907.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DlTmjHQz2r24Uh7gM4dbbzMrJ3/uploaded-1778856396690-vxi0vtm8.jpg?_wi=1"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/badminton-concept-with-shuttlecock_23-2149940901.jpg",
-          alt: "Badminton concept with shuttlecock",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/view-ball-looking-out-towards-goal_23-2147813195.jpg",
-          alt: "View of ball looking out towards goal",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-soccer-field-soccer-training-active-lifestyle-football-concept_169016-67681.jpg",
-          alt: "Girl on the soccer field soccer training active lifestyle football concept",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-soccer-field-soccer-training-active-lifestyle-football-concept_169016-67621.jpg",
-          alt: "Girl on the soccer field soccer training active lifestyle football concept",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/football-training-girl-sports-uniform-football-field-active-lifestyle_169016-67907.jpg",
-          alt: "football stadium night field green grass",
-        },
-      ]}
-      avatarText="Join 500+ active players"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Ultra-Durable Turf",
-        },
-        {
-          type: "text",
-          text: "Floodlit Night Sessions",
-        },
-        {
-          type: "text",
-          text: "Changing Rooms Included",
-        },
-        {
-          type: "text",
-          text: "Priority Booking",
-        },
-        {
-          type: "text",
-          text: "Tournament Ready",
-        },
-      ]}
     />
   </div>
 
@@ -130,27 +63,36 @@ export default function LandingPage() {
       title="Facility Features"
       description="Everything you need for a competitive match."
       accordionItems={[
-        {
-          id: "f1",
-          title: "Premium Turf",
-          content: "Professional grade astroturf ensuring great grip and injury prevention.",
-        },
-        {
-          id: "f2",
-          title: "Bright Floodlights",
-          content: "High-intensity lighting for night matches in Sector 7.",
-        },
-        {
-          id: "f3",
-          title: "Changing Rooms",
-          content: "Safe and clean space for all players to change and relax.",
-        },
+        { id: "f1", title: "Premium Turf", content: "Professional grade astroturf ensuring great grip and injury prevention." },
+        { id: "f2", title: "Bright Floodlights", content: "High-intensity lighting for night matches in Sector 7." },
+        { id: "f3", title: "Changing Rooms", content: "Safe and clean space for all players to change and relax." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-football-field_23-2148930218.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DlTmjHQz2r24Uh7gM4dbbzMrJ3/uploaded-1778856396690-ekfl1x43.jpg"
       mediaAnimation="opacity"
     />
   </div>
 
+  <div id="amenities" data-section="amenities">
+      <FeatureCardTen
+      title="Comfort & Convenience"
+      description="We ensure your comfort before, during, and after the game."
+      textboxLayout="split"
+      animationType="slide-up"
+      useInvertedBackground={false}
+      features={[
+        {
+          title: "Player Amenities",          description: "Facilities designed for your convenience.",          media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DlTmjHQz2r24Uh7gM4dbbzMrJ3/uploaded-1778856396691-9hp0tkr5.jpg" },
+          items: [
+            { icon: Shirt, text: "Spacious changing rooms available for all teams" },
+            { icon: Droplets, text: "Clean washroom facilities on-site" },
+            { icon: Droplets, text: "Cold drinking water and soft drinks always available" }
+          ],
+          reverse: false
+        }
+      ]}
+    />
+  </div>
+
   <div id="about" data-section="about">
       <TestimonialAboutCard
       useInvertedBackground={false}
@@ -159,7 +101,7 @@ export default function LandingPage() {
       description="Located in Road 32, Uttara, North Arena serves the local sports community with a pitch designed for performance and fair play."
       subdescription="Whether you are training for a tournament or just looking for a casual weekend game, our facility is open for you."
       icon={Award}
-      imageSrc="http://img.b2bpic.net/free-photo/men-play-socer-park-tournament-mini-footbal-guy-black-sportsuits_1157-43532.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DlTmjHQz2r24Uh7gM4dbbzMrJ3/uploaded-1778856396691-3oynsylj.jpg?_wi=1"
       mediaAnimation="blur-reveal"
     />
   </div>
@@ -170,86 +112,15 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "p1",
-          badge: "Hourly",
-          price: "1500 BDT",
-          subtitle: "Weekdays",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Peak Hours Available",
-            "Includes Bibs",
-            "Drinking Water",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Weekend",
-          price: "2000 BDT",
-          subtitle: "Fri-Sat",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Premium Time Slot",
-            "Includes Bibs",
-            "Shower Access",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Monthly",
-          price: "4000 BDT",
-          subtitle: "Recurring",
-          buttons: [
-            {
-              text: "Book Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Priority Booking",
-            "4 Sessions/Month",
-            "Discounted Rate",
-          ],
-        },
+        { id: "s1", badge: "Morning", price: "3000 BDT", subtitle: "09:00 AM - 10:30 AM", buttons: [{ text: "Book", href: "#contact" }], features: ["90 min session"] },
+        { id: "s2", badge: "Morning", price: "3000 BDT", subtitle: "10:30 AM - 12:00 PM", buttons: [{ text: "Book", href: "#contact" }], features: ["90 min session"] },
+        { id: "s3", badge: "Evening", price: "3000 BDT", subtitle: "05:00 PM - 06:30 PM", buttons: [{ text: "Book", href: "#contact" }], features: ["90 min session"] },
+        { id: "s4", badge: "Evening", price: "3000 BDT", subtitle: "06:30 PM - 08:00 PM", buttons: [{ text: "Book", href: "#contact" }], features: ["90 min session"] },
+        { id: "s5", badge: "Night", price: "3500 BDT", subtitle: "08:00 PM - 09:30 PM", buttons: [{ text: "Book", href: "#contact" }], features: ["90 min session"] },
+        { id: "s6", badge: "Night", price: "3500 BDT", subtitle: "09:30 PM - 11:00 PM", buttons: [{ text: "Book", href: "#contact" }], features: ["90 min session"] },
       ]}
-      title="Booking Packages"
-      description="Flexible pricing for every group."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Facility Stats"
-      tag="Performance"
-      metrics={[
-        {
-          id: "m1",
-          value: "12",
-          description: "Teams Regulars",
-        },
-        {
-          id: "m2",
-          value: "5000",
-          description: "Annual Players",
-        },
-        {
-          id: "m3",
-          value: "350",
-          description: "Successful Matches",
-        },
-      ]}
-      metricsAnimation="slide-up"
+      title="Slot Timings"
+      description="Book your preferred 1.5-hour slot. All slots are 90 minutes long."
     />
   </div>
 
@@ -259,41 +130,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",
-          name: "Rahim Ahmed",
-          role: "Player",
-          testimonial: "The best turf in Uttara! Smooth surface and great lights.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-soccer-field_23-2150338719.jpg",
-        },
-        {
-          id: "t2",
-          name: "Kazi Faisal",
-          role: "Team Lead",
-          testimonial: "We play here every Friday. Highly recommended for 5v5 matches.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-male-athlete-sitting-race-track-holding-water-bottle-hand_23-2148162160.jpg",
-        },
-        {
-          id: "t3",
-          name: "Tanvir Hasan",
-          role: "Amateur",
-          testimonial: "Excellent location and very clean facility. Love the atmosphere.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-ethnic-guy-standing-with-football_23-2148203543.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sajid Khan",
-          role: "Sports Lover",
-          testimonial: "Very professional management and great quality astroturf.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-curly-girl-warms-up-sports-ground_89887-1184.jpg",
-        },
-        {
-          id: "t5",
-          name: "Mehedi Hossain",
-          role: "Regular",
-          testimonial: "Best spot in Sector 7 for football. Highly accessible.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-guy-holding-soccer-ball-looking-exited-rejoicing-his-success-victory-clenching-his-fists-with-joy-happy-achieve-his-aim-goals-standing-white-background_141793-24939.jpg",
-        },
+        { id: "t1", name: "Rahim Ahmed", role: "Player", testimonial: "The best turf in Uttara! Smooth surface and great lights.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DlTmjHQz2r24Uh7gM4dbbzMrJ3/uploaded-1778856396690-vxi0vtm8.jpg?_wi=2" },
+        { id: "t2", name: "Kazi Faisal", role: "Team Lead", testimonial: "We play here every Friday. Highly recommended for 5v5 matches.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DlTmjHQz2r24Uh7gM4dbbzMrJ3/uploaded-1778856396691-3oynsylj.jpg?_wi=2" },
       ]}
       title="Player Voices"
       description="What our local players think about the pitch."
@@ -303,9 +141,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact"
       title="Book Your Pitch Now"
       description="Send us your email and we'll reach out to schedule your match at North Arena."
@@ -315,17 +151,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="North Arena"
-      leftLink={{
-        text: "Uttara, Dhaka, BD",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Us",
-        href: "mailto:hello@northarena.com",
-      }}
+      leftLink={{ text: "Uttara, Dhaka, BD", href: "#" }}
+      rightLink={{ text: "Contact Us", href: "mailto:hello@northarena.com" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}