Update src/app/page.tsx

src/app/page.tsx

@@ -11,7 +11,8 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 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 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Features", id: "features" },
-          name: "Features",
+        { name: "Amenities", id: "amenities" },
-          id: "features",
+        { name: "Pricing", id: "pricing" },
-        },
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="North Arena"
     />
@@ -54,73 +44,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "gradient-bars" }}
-        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: "24/7",
+        { value: "100%", label: "Premium Astroturf" },
-          label: "Facility Access",
+        { value: "500+", label: "Matches Played" },
-        },
-        {
-          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"
       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 +64,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: "f1",
+        { id: "f2", title: "Bright Floodlights", content: "High-intensity lighting for night matches in Sector 7." },
-          title: "Premium Turf",
+        { id: "f3", title: "Changing Rooms", content: "Safe and clean space for all players to change and relax." },
-          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"
       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: "http://img.b2bpic.net/free-photo/view-ball-looking-out-towards-goal_23-2147813195.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}
@@ -170,130 +113,23 @@ 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: "p1",
+        { id: "p2", badge: "Weekend", price: "2000 BDT", subtitle: "Fri-Sat", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Premium Time Slot", "Includes Bibs", "Shower Access"] },
-          badge: "Hourly",
+        { id: "p3", badge: "Monthly", price: "4000 BDT", subtitle: "Recurring", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Priority Booking", "4 Sessions/Month", "Discounted Rate"] },
-          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",
-          ],
-        },
       ]}
       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"
-    />
-  </div>
-
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
       animationType="slide-up"
       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: "t1",
+        { 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" },
-          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",
-        },
       ]}
       title="Player Voices"
       description="What our local players think about the pitch."
@@ -303,9 +139,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        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 +149,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="North Arena"
-      leftLink={{
+      leftLink={{ text: "Uttara, Dhaka, BD", href: "#" }}
-        text: "Uttara, Dhaka, BD",
+      rightLink={{ text: "Contact Us", href: "mailto:hello@northarena.com" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Us",
-        href: "mailto:hello@northarena.com",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}