Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -26,26 +26,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="SK Fitness Club"
     />
@@ -63,16 +48,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Our Legacy"
       metrics={[
-        {
-          icon: Award,
-          label: "Awards",
-          value: "15",
-        },
-        {
-          icon: Target,
-          label: "Goals Met",
-          value: "99%",
-        },
+        { icon: Award, label: "Awards", value: "15" },
+        { icon: Target, label: "Goals Met", value: "99%" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -80,20 +57,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      columns={[{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
       logoText="SK Fitness Club"
     />
   </div>

src/app/contact/page.tsx

@@ -25,26 +25,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="SK Fitness Club"
     />
@@ -53,9 +38,7 @@ export default function LandingPage() {
   <div id="contact-body" data-section="contact-body">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "animated-grid",
-      }}
+      background={{ variant: "animated-grid" }}
       tag="Join Us"
       title="Start Your Transformation"
       description="Located in Wadgaon Kolhati. Timing: 6 AM - 10 PM. Reach out for a premium trial session today."
@@ -66,37 +49,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Support"
       title="Questions?"
       description="Our team is ready to help via email or phone."
-      buttons={[
-        {
-          text: "Email Us",
-          href: "mailto:info@skfitness.com",
-        },
-      ]}
+      buttons={[{ text: "Email Us", href: "mailto:info@skfitness.com" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      columns={[{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
       logoText="SK Fitness Club"
     />
   </div>

src/app/gallery/page.tsx

@@ -25,26 +25,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="SK Fitness Club"
     />
@@ -59,18 +44,8 @@ export default function LandingPage() {
       title="Our Facility Gallery"
       description="A glimpse into our world-class gym."
       products={[
-        {
-          id: "p1",
-          name: "Main Floor",
-          price: "Gym Floor",
-          imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-gym_93675-129247.jpg",
-        },
-        {
-          id: "p2",
-          name: "Weight Area",
-          price: "Strength Zone",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-dumbbells-gym_268835-3895.jpg",
-        },
+        { id: "p1", name: "Main Floor", price: "Gym Floor", imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-gym_93675-129247.jpg" },
+        { id: "p2", name: "Weight Area", price: "Strength Zone", imageSrc: "http://img.b2bpic.net/free-photo/black-dumbbells-gym_268835-3895.jpg" },
       ]}
     />
   </div>
@@ -81,30 +56,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Trusted by Leaders"
       description="Gyms across the city look up to our standards."
-      names={[
-        "Fitness Global",
-        "Wellness Hub",
-        "Iron Power Co",
-      ]}
+      names={["Fitness Global", "Wellness Hub", "Iron Power Co"]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      columns={[{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
       logoText="SK Fitness Club"
     />
   </div>

src/app/page.tsx

@@ -7,7 +7,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import { Activity, Trophy, Users } from "lucide-react";
 
@@ -29,63 +29,33 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="SK Fitness Club"
     />
   </div>
 
   <div id="home-hero" data-section="home-hero">
-      <HeroOverlay
+      <HeroOverlayTestimonial
+      showDimOverlay={true}
       title="Transform Your Body 💪"
       description="Experience premium fitness like never before. SK Fitness Club offers elite training, state-of-the-art facilities, and a community built on high performance."
-      buttons={[
-        {
-          text: "Join Now",
-          href: "/contact",
-        },
-      ]}
+      buttons={[{ text: "Join Now", href: "/contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-man-s-hand-lifting-barbell_23-2147949710.jpg"
+      testimonials={[
+        { name: "Alex R.", handle: "@alexfit", testimonial: "The best training I've ever had!", rating: 5 },
+        { name: "Sarah K.", handle: "@sarahlifts", testimonial: "Incredible transformation in just 3 months.", rating: 5 }
+      ]}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/bodybuilding-concept-with-barbell-gym_23-2147675160.jpg",
-          alt: "Fitness enthusiast 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bearded-man-bench-press-machine_23-2147688194.jpg",
-          alt: "Fitness enthusiast 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/dumbbell_74190-5777.jpg",
-          alt: "Fitness enthusiast 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bodybuilding-concept-with-man-woman_23-2147671848.jpg",
-          alt: "Fitness enthusiast 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/dumb-bells-lined-up-fitness-studio-picture-is-short-focus_1423-221.jpg",
-          alt: "Fitness enthusiast 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/bodybuilding-concept-with-barbell-gym_23-2147675160.jpg", alt: "Fitness enthusiast 1" },
+        { src: "http://img.b2bpic.net/free-photo/bearded-man-bench-press-machine_23-2147688194.jpg", alt: "Fitness enthusiast 2" },
+        { src: "http://img.b2bpic.net/free-photo/dumbbell_74190-5777.jpg", alt: "Fitness enthusiast 3" },
+        { src: "http://img.b2bpic.net/free-photo/bodybuilding-concept-with-man-woman_23-2147671848.jpg", alt: "Fitness enthusiast 4" },
+        { src: "http://img.b2bpic.net/free-photo/dumb-bells-lined-up-fitness-studio-picture-is-short-focus_1423-221.jpg", alt: "Fitness enthusiast 5" },
       ]}
       avatarText="Join our 500+ active members"
     />
@@ -97,21 +67,9 @@ export default function LandingPage() {
       title="Premium Training Programs"
       description="Achieve your peak potential with our scientifically backed training methodologies tailored for excellence."
       accordionItems={[
-        {
-          id: "1",
-          title: "Strength Training",
-          content: "Master your power with our elite strength conditioning programs.",
-        },
-        {
-          id: "2",
-          title: "Fat Loss Programs",
-          content: "Burn fat efficiently with our highly calibrated cardio and training plans.",
-        },
-        {
-          id: "3",
-          title: "Cardio Fitness",
-          content: "Improve your endurance in our dedicated, modern cardio zone.",
-        },
+        { id: "1", title: "Strength Training", content: "Master your power with our elite strength conditioning programs." },
+        { id: "2", title: "Fat Loss Programs", content: "Burn fat efficiently with our highly calibrated cardio and training plans." },
+        { id: "3", title: "Cardio Fitness", content: "Improve your endurance in our dedicated, modern cardio zone." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/young-woman-gym-dumbbells-gym-workout-gym_169016-63307.jpg"
       mediaAnimation="slide-up"
@@ -123,21 +81,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Performance By Numbers"
       metrics={[
-        {
-          icon: Activity,
-          label: "Tons Lifted",
-          value: "500+",
-        },
-        {
-          icon: Users,
-          label: "Happy Clients",
-          value: "1000+",
-        },
-        {
-          icon: Trophy,
-          label: "Years Active",
-          value: "10",
-        },
+        { icon: Activity, label: "Tons Lifted", value: "500+" },
+        { icon: Users, label: "Happy Clients", value: "1000+" },
+        { icon: Trophy, label: "Years Active", value: "10" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -149,16 +95,8 @@ export default function LandingPage() {
       sideTitle="Frequently Asked"
       sideDescription="Questions about our memberships and facilities."
       faqs={[
-        {
-          id: "f1",
-          title: "Do you offer a trial pass?",
-          content: "Yes, we offer a 3-day guest pass for new members.",
-        },
-        {
-          id: "f2",
-          title: "Are personal trainers available?",
-          content: "Absolutely, our certified trainers are here to guide you.",
-        },
+        { id: "f1", title: "Do you offer a trial pass?", content: "Yes, we offer a 3-day guest pass for new members." },
+        { id: "f2", title: "Are personal trainers available?", content: "Absolutely, our certified trainers are here to guide you." },
       ]}
       faqsAnimation="blur-reveal"
     />
@@ -167,37 +105,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Limited Time"
       title="Claim Your Membership"
       description="Sign up this week and get one free month."
-      buttons={[
-        {
-          text: "Sign Up",
-          href: "/contact",
-        },
-      ]}
+      buttons={[{ text: "Sign Up", href: "/contact" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      columns={[{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
       logoText="SK Fitness Club"
     />
   </div>

src/app/services/page.tsx

@@ -25,26 +25,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="SK Fitness Club"
     />
@@ -56,26 +41,10 @@ export default function LandingPage() {
       title="Our Elite Services"
       description="Comprehensive fitness solutions tailored to your unique lifestyle."
       accordionItems={[
-        {
-          id: "s1",
-          title: "Strength Training",
-          content: "Elite strength programs.",
-        },
-        {
-          id: "s2",
-          title: "Fat Loss",
-          content: "Advanced fat-burning metabolic training.",
-        },
-        {
-          id: "s3",
-          title: "Cardio",
-          content: "High-intensity endurance conditioning.",
-        },
-        {
-          id: "s4",
-          title: "Diet Plans",
-          content: "Personalized nutritional guidance for peak performance.",
-        },
+        { id: "s1", title: "Strength Training", content: "Elite strength programs." },
+        { id: "s2", title: "Fat Loss", content: "Advanced fat-burning metabolic training." },
+        { id: "s3", title: "Cardio", content: "High-intensity endurance conditioning." },
+        { id: "s4", title: "Diet Plans", content: "Personalized nutritional guidance for peak performance." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/flat-lay-healthy-food-containers_23-2148484645.jpg"
       mediaAnimation="blur-reveal"
@@ -87,16 +56,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       sideTitle="Service FAQs"
       faqs={[
-        {
-          id: "q1",
-          title: "Nutrition Planning",
-          content: "We offer personalized meal plans based on your BMR.",
-        },
-        {
-          id: "q2",
-          title: "Recovery",
-          content: "Included sauna and massage services available.",
-        },
+        { id: "q1", title: "Nutrition Planning", content: "We offer personalized meal plans based on your BMR." },
+        { id: "q2", title: "Recovery", content: "Included sauna and massage services available." },
       ]}
       faqsAnimation="slide-up"
     />
@@ -104,20 +65,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      columns={[{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
       logoText="SK Fitness Club"
     />
   </div>