Merge version_2 into main

Merge version_2 into main

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #fafafa;;
+  --background: #f8faff;
-  --card: #f4f4f5;;
+  --card: #ffffff;
-  --foreground: #27272a;;
+  --foreground: #00101f;
-  --primary-cta: #3f3f46;;
+  --primary-cta: #409fff;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #ffffff;
-  --accent: #facc15;;
+  --accent: #c7e2fc;
-  --background-accent: #eab308;;
+  --background-accent: #9bcfff;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-fraunces), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-fraunces), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/page.tsx

@@ -1,138 +1,170 @@
 "use client"
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterSocial from '@/components/sections/footer/FooterSocial';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Zap, Sparkles, Instagram, Facebook, Twitter, Linkedin } from "lucide-react";
+import { Zap, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
+      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      borderRadius="rounded"
-      contentWidth="mediumLarge"
+      contentWidth="medium"
-      sizing="mediumLarge"
+      sizing="large"
-      background="animatedAurora"
+      background="aurora"
-      cardStyle="neon-glow"
+      cardStyle="glass-elevated"
-      primaryButtonStyle="flat"
+      primaryButtonStyle="gradient"
-      secondaryButtonStyle="outline"
+      secondaryButtonStyle="glass"
-      headingFontWeight="bold"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
+        <NavbarLayoutFloatingInline
           navItems={[
-            { name: "Home", id: "home" },
             { name: "About", id: "about" },
+            { name: "Features", id: "features" },
             { name: "Pricing", id: "pricing" },
-            { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" }
           ]}
-          brandName="Michael Garcia Coaching"
+          brandName="FitPro"
-          bottomLeftText="Transform Your Fitness"
+          button={{
-          bottomRightText="info@michaelgarcia.fitness"
+            text: "Get Started",
+            href: "contact"
+          }}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardGallery
+        <HeroBillboardCarousel
-          title="Transform Your Body, Transform Your Life"
+          title="Premium Fitness Coaching Experience"
-          description="One-on-one personal training with Michael Garcia. Personalized coaching for your fitness goals."
+          description="Unlock your potential with personalized training programs designed by expert coaches. Transform your fitness journey today."
-          tag="Premium Coaching"
+          tag="Elite Training"
           tagIcon={Zap}
           buttons={[
-            { text: "Start Training", href: "contact" },
+            { text: "Start Free Trial", href: "contact" },
-            { text: "Learn More", href: "about" }
+            { text: "View Programs", href: "pricing" }
           ]}
           mediaItems={[
             { 
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
-              imageAlt: "woman, personal trainer, fitness, exercise, workout, strength training, coach, dumbbells, weight bench, weight training, healthy, caucasian, personal trainer, personal trainer, personal trainer, personal trainer, fitness, fitness, fitness, fitness, fitness, exercise, exercise, workout, workout, coach"
+              imageAlt: "Professional fitness training session"
-            },
-            { 
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
-              imageAlt: "woman, personal trainer, fitness, exercise, workout, strength training, coach, dumbbells, weight bench, weight training, healthy, caucasian, personal trainer, personal trainer, personal trainer, personal trainer, fitness, fitness, fitness, fitness, fitness, exercise, exercise, workout, workout, coach"
             },
             { 
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
-              imageAlt: "fitness, training, gym, gray fitness, gray gym, gray training, gray workout, fitness, gym, gym, gym, gym, gym"
+              imageAlt: "Modern gym facility"
+            },
+            { 
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
+              imageAlt: "Strength training workout"
+            },
+            { 
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
+              imageAlt: "Personal training session"
+            },
+            { 
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
+              imageAlt: "Fitness achievement milestone"
             }
           ]}
         />
       </div>
 
-      <div id="about" data-section="about">
+      <div id="features" data-section="features">
-        <MediaSplitAbout
+        <FeatureCardEight
-          title="About Michael Garcia"
+          title="How Our Training Works"
-          description="With over 10 years of experience in fitness coaching, Michael specializes in personalized training programs tailored to individual goals. Whether you're looking to build strength, lose weight, or improve overall fitness, Michael creates customized workout plans that deliver results. His approach combines proven training methods with nutritional guidance and accountability to ensure your success."
+          description="A proven 4-step process to transform your fitness"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg"
+          features={[
-          imageAlt="Michael Garcia Personal Coach"
+            {
-          buttons={[
+              id: 1,
-            { text: "Book a Session", href: "contact" }
+              title: "Assessment",
+              description: "Complete fitness evaluation and personalized goal setting",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
+              imageAlt: "Fitness assessment"
+            },
+            {
+              id: 2,
+              title: "Program Design",
+              description: "Custom workout and nutrition plan tailored to your needs",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
+              imageAlt: "Program planning"
+            },
+            {
+              id: 3,
+              title: "Coaching",
+              description: "One-on-one guidance with expert form correction",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
+              imageAlt: "Personal coaching"
+            },
+            {
+              id: 4,
+              title: "Progress Tracking",
+              description: "Regular check-ins and adjustments for optimal results",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
+              imageAlt: "Progress tracking"
+            }
           ]}
-          imagePosition="right"
+          textboxLayout="default"
           useInvertedBackground="noInvert"
+          tag="Process"
+          tagIcon={Sparkles}
+          buttons={[
+            { text: "Learn More", href: "about" }
+          ]}
         />
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardThree
+        <PricingCardOne
-          title="Simple Pricing Plans"
+          title="Flexible Pricing Plans"
-          description="Choose the perfect coaching package for your fitness journey"
+          description="Choose the perfect plan for your fitness goals"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground="noInvert"
           plans={[
             {
               id: "starter",
-              price: "$75",
+              badge: "Popular",
-              name: "Single Session",
+              price: "$99/mo",
-              buttons: [
+              subtitle: "Starter Program",
-                { text: "Get Started", href: "contact" }
-              ],
               features: [
-                "One-on-one training",
+                "2 sessions per week",
-                "Personalized workout plan",
+                "Workout plan",
-                "Form correction and coaching",
+                "Email support",
-                "Fitness assessment"
+                "Progress tracking"
               ]
             },
             {
-              id: "monthly",
+              id: "professional",
               badge: "Most Popular",
               badgeIcon: Sparkles,
-              price: "$299",
+              price: "$199/mo",
-              name: "Monthly Plan",
+              subtitle: "Professional Program",
-              buttons: [
-                { text: "Get Started", href: "contact" }
-              ],
               features: [
-                "4 sessions per month",
+                "4 sessions per week",
-                "Custom workout programs",
+                "Custom meal plan",
-                "Progress tracking",
+                "24/7 support",
-                "Nutrition guidance",
+                "Video form reviews",
-                "24/7 support"
+                "Weekly check-ins"
               ]
             },
             {
               id: "elite",
-              price: "$799",
+              badge: "Premium",
-              name: "Elite Package",
+              price: "$399/mo",
-              buttons: [
+              subtitle: "Elite Program",
-                { text: "Get Started", href: "contact" }
-              ],
               features: [
                 "Unlimited sessions",
                 "Advanced periodization",
-                "Meal planning included",
+                "Priority scheduling",
-                "Weekly check-ins",
+                "Nutrition coaching",
-                "Video form reviews",
+                "Recovery planning",
-                "Priority scheduling"
+                "VIP support"
               ]
             }
           ]}
@@ -140,128 +172,120 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne
+        <TestimonialCardFive
-          title="What Our Clients Say"
+          title="Real Results from Real Clients"
-          description="Real transformations from real people who trained with Michael"
+          description="Hear from people who transformed their fitness with us"
-          gridVariant="uniform-all-items-equal"
           textboxLayout="default"
-          animationType="slide-up"
           useInvertedBackground="noInvert"
           testimonials={[
             {
               id: "1",
-              name: "Sarah Johnson",
+              name: "Sarah Johnson, Fitness Enthusiast",
-              role: "Accountant",
+              date: "Date: 15 January 2025",
-              company: "NYC",
+              title: "Completely transformed my fitness",
-              rating: 5,
+              quote: "The personalized approach and expert coaching made all the difference. I've achieved results I never thought possible.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
+              tag: "Professional",
-              imageAlt: "fitness, training, gym, gray fitness, gray gym, gray training, gray workout, fitness, gym, gym, gym, gym, gym"
+              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625119879-6yludhr5.jpg"
             },
             {
               id: "2",
-              name: "James Mitchell",
+              name: "James Mitchell, CEO",
-              role: "Marketing Manager",
+              date: "Date: 20 December 2024",
-              company: "Los Angeles",
+              title: "Best investment in myself",
-              rating: 5,
+              quote: "As a busy executive, I needed efficient training. The structured programs saved me time and delivered exceptional results.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
+              tag: "Elite",
-              imageAlt: "in person, trainer, fitness, coach"
+              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg"
             },
             {
               id: "3",
-              name: "Emily Chen",
+              name: "Emily Chen, Software Engineer",
-              role: "Software Engineer",
+              date: "Date: 10 December 2024",
-              company: "San Francisco",
+              title: "Professional guidance at its finest",
-              rating: 5,
+              quote: "The attention to form and personalized adjustments kept me injury-free while building strength consistently.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
+              tag: "Professional",
-              imageAlt: "personal trainer, fitness, brawny, exercise, personal trainer, personal trainer, personal trainer, personal trainer, personal trainer"
+              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625122051-w0cedcjo.jpg"
             },
             {
               id: "4",
-              name: "David Rodriguez",
+              name: "David Rodriguez, Executive",
-              role: "Executive",
+              date: "Date: 05 December 2024",
-              company: "Chicago",
+              title: "Exceeded all my expectations",
-              rating: 5,
+              quote: "From goal setting to achievement, every step was professionally managed. Highly recommend to anyone serious about fitness.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
+              tag: "Elite",
-              imageAlt: "in person, trainer, fitness, coach"
+              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg"
             },
             {
               id: "5",
-              name: "Jessica Williams",
+              name: "Jessica Williams, Teacher",
-              role: "Teacher",
+              date: "Date: 28 November 2024",
-              company: "Boston",
+              title: "Life-changing experience",
-              rating: 5,
+              quote: "The holistic approach to fitness, including nutrition and recovery, made this the most effective training I've done.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908453454-htvqfleg.jpg",
+              tag: "Professional",
-              imageAlt: "personal, trainers, london, trainers, trainers, trainers, trainers, trainers"
+              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908453454-htvqfleg.jpg",
-            },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908453454-htvqfleg.jpg"
-            {
-              id: "6",
-              name: "Michael Torres",
-              role: "Consultant",
-              company: "Austin",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766908454398-9i9871uu.jpg",
-              imageAlt: "fitness, personal trainer, guy, black, exercise, fitness training, fitness man, man, male, fitness center, training, trainer, muscles, happy, healthy, sports, gym, gym, gym, gym, gym, gym"
             }
           ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenterForm
+        <ContactSplitForm
-          title="Ready to Transform?"
+          title="Ready to Start Your Transformation?"
-          description="Get in touch with Michael Garcia to start your fitness journey. Fill out the form below and we'll schedule your first session."
+          description="Join hundreds of clients who have achieved their fitness goals. Get in touch today to schedule your free consultation."
           inputs={[
-            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "name", type: "text", placeholder: "Full Name", required: true },
-            { name: "email", type: "email", placeholder: "Your Email", required: true },
+            { name: "email", type: "email", placeholder: "Email Address", required: true },
-            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            { name: "goal", type: "text", placeholder: "Your Fitness Goal", required: true }
-            { name: "goal", type: "text", placeholder: "What are your fitness goals?", required: true }
           ]}
           textarea={{
             name: "message",
-            placeholder: "Tell us about your fitness background...",
+            placeholder: "Tell us about your fitness experience...",
             rows: 5,
             required: false
           }}
           useInvertedBackground="noInvert"
-          buttonText="Book Your Session"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg"
+          mediaPosition="right"
+          buttonText="Book Consultation"
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterSocial
+        <FooterMedia
-          logoText="Michael Garcia Coaching"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg"
+          imageAlt="Professional fitness facility"
           columns={[
             {
-              title: "Services",
+              title: "Programs",
               items: [
-                { label: "Personal Training", href: "pricing" },
+                { label: "Starter Program", href: "pricing" },
-                { label: "Nutrition Coaching", href: "about" },
+                { label: "Professional Program", href: "pricing" },
-                { label: "Group Classes", href: "contact" }
+                { label: "Elite Program", href: "pricing" }
               ]
             },
             {
               title: "Company",
               items: [
-                { label: "About Michael", href: "about" },
+                { label: "About Us", href: "about" },
                 { label: "Testimonials", href: "testimonials" },
                 { label: "Contact", href: "contact" }
               ]
             },
             {
-              title: "Legal",
+              title: "Resources",
               items: [
-                { label: "Terms of Service", href: "#terms" },
+                { label: "Blog", href: "#blog" },
-                { label: "Privacy Policy", href: "#privacy" }
+                { label: "FAQ", href: "#faq" },
+                { label: "Support", href: "contact" }
               ]
             }
           ]}
-          socialLinks={[
+          logoText="FitPro"
-            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
+          copyrightText="© 2025 FitPro. All rights reserved."
-            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
-            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
-            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
-          ]}
-          copyrightText="© Michael Garcia Coaching 2025. All rights reserved."
         />
       </div>
     </ThemeProvider>