Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -8,9 +8,9 @@ import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSp
 import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Youtube, MessageCircle, Facebook, Instagram } from "lucide-react";
+import { Youtube, MessageCircle, Facebook, Instagram, BookOpen, Users, Award, Zap } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
@@ -39,9 +39,7 @@ export default function HomePage() {
           brandName="OkNeppo"
           navItems={navItems}
           button={{
-            text: "Contact Us",
+            text: "Contact Us",            href: "/contact"}}
-            href: "/contact",
-          }}
         />
       </div>
 
@@ -51,13 +49,9 @@ export default function HomePage() {
           description="Learn Sewing & Tailoring the Easy Way – Master stitching, tailoring, and sewing machine skills from scratch with our expert-led tutorials and training programs designed for complete beginners."
           buttons={[
             {
-              text: "Subscribe YouTube",
+              text: "Subscribe YouTube",              href: "https://www.youtube.com/@okneppo"},
-              href: "https://www.youtube.com/@okneppo",
-            },
             {
-              text: "Join WhatsApp",
+              text: "Join WhatsApp",              href: "https://wa.me/1234567890"},
-              href: "https://wa.me/1234567890",
-            },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-working-with-sewing-pattern_1163-2050.jpg?_wi=1"
           imageAlt="OkNeppo Sewing Studio"
@@ -69,29 +63,18 @@ export default function HomePage() {
         <InlineImageSplitTextAbout
           heading={[
             {
-              type: "text",
+              type: "text",              content: "Welcome to OkNeppo – Your Journey to"},
-              content: "Welcome to OkNeppo – Your Journey to",
-            },
             {
-              type: "image",
+              type: "image",              src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-repair-sale-service_23-2150627968.jpg",              alt: "OkNeppo Founder"},
-              src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-repair-sale-service_23-2150627968.jpg",
-              alt: "OkNeppo Founder",
-            },
             {
-              type: "text",
+              type: "text",              content: "Sewing Mastery Starts Here"},
-              content: "Sewing Mastery Starts Here",
-            },
           ]}
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Explore Tutorials",
+              text: "Explore Tutorials",              href: "/tutorials"},
-              href: "/tutorials",
-            },
             {
-              text: "Start Training",
+              text: "Start Training",              href: "/training"},
-              href: "/training",
-            },
           ]}
         />
       </div>
@@ -101,55 +84,31 @@ export default function HomePage() {
           title="Featured Sewing Tutorials"
           description="Learn essential sewing and tailoring skills through our comprehensive, step-by-step video guides and tutorials designed for beginners."
           tag="Popular Guides"
-          tagIcon={undefined}
+          tagIcon={Zap}
           features={[
             {
-              title: "Sewing Machine Basics",
+              title: "Sewing Machine Basics",              description:
-              description:
+                "Master the fundamentals of operating a sewing machine, threading, and basic stitch techniques for beginners.",              imageSrc:
-                "Master the fundamentals of operating a sewing machine, threading, and basic stitch techniques for beginners.",
+                "http://img.b2bpic.net/free-photo/making-pasta_23-2147985254.jpg?_wi=1",              imageAlt: "Sewing Machine Tutorial",              button: {
-              imageSrc:
+                text: "Watch Tutorial",                href: "https://www.youtube.com/@okneppo"},
-                "http://img.b2bpic.net/free-photo/making-pasta_23-2147985254.jpg?_wi=1",
-              imageAlt: "Sewing Machine Tutorial",
-              button: {
-                text: "Watch Tutorial",
-                href: "https://www.youtube.com/@okneppo",
-              },
             },
             {
-              title: "Basic Stitching Techniques",
+              title: "Basic Stitching Techniques",              description:
-              description:
+                "Learn essential hand stitches, embroidery basics, and how to create beautiful decorative patterns with needle and thread.",              imageSrc:
-                "Learn essential hand stitches, embroidery basics, and how to create beautiful decorative patterns with needle and thread.",
+                "http://img.b2bpic.net/free-photo/close-up-woman-crocheting-high-angle_23-2148754112.jpg?_wi=1",              imageAlt: "Hand Stitching Guide",              button: {
-              imageSrc:
+                text: "Watch Tutorial",                href: "https://www.youtube.com/@okneppo"},
-                "http://img.b2bpic.net/free-photo/close-up-woman-crocheting-high-angle_23-2148754112.jpg?_wi=1",
-              imageAlt: "Hand Stitching Guide",
-              button: {
-                text: "Watch Tutorial",
-                href: "https://www.youtube.com/@okneppo",
-              },
             },
             {
-              title: "Tailoring & Fitting",
+              title: "Tailoring & Fitting",              description:
-              description:
+                "Discover professional tailoring techniques, pattern cutting, measurements, and how to fit garments perfectly.",              imageSrc:
-                "Discover professional tailoring techniques, pattern cutting, measurements, and how to fit garments perfectly.",
+                "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543697.jpg?_wi=1",              imageAlt: "Tailoring Basics",              button: {
-              imageSrc:
+                text: "Watch Tutorial",                href: "https://www.youtube.com/@okneppo"},
-                "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543697.jpg?_wi=1",
-              imageAlt: "Tailoring Basics",
-              button: {
-                text: "Watch Tutorial",
-                href: "https://www.youtube.com/@okneppo",
-              },
             },
             {
-              title: "Machine Maintenance & Repair",
+              title: "Machine Maintenance & Repair",              description:
-              description:
+                "Keep your sewing machine in perfect condition with our maintenance guide, troubleshooting tips, and repair hacks.",              imageSrc:
-                "Keep your sewing machine in perfect condition with our maintenance guide, troubleshooting tips, and repair hacks.",
+                "http://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4653.jpg?_wi=1",              imageAlt: "Machine Maintenance",              button: {
-              imageSrc:
+                text: "Watch Tutorial",                href: "https://www.youtube.com/@okneppo"},
-                "http://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4653.jpg?_wi=1",
-              imageAlt: "Machine Maintenance",
-              button: {
-                text: "Watch Tutorial",
-                href: "https://www.youtube.com/@okneppo",
-              },
             },
           ]}
           gridVariant="two-columns-alternating-heights"
@@ -167,65 +126,29 @@ export default function HomePage() {
           tagIcon={undefined}
           testimonials={[
             {
-              id: "1",
+              id: "1",              name: "Priya Sharma",              role: "Housewife",              company: "Home Entrepreneur",              rating: 5,
-              name: "Priya Sharma",
-              role: "Housewife",
-              company: "Home Entrepreneur",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/african-american-girl-posing-with-sincere-smile-studio-shot-cheerful-curly-young-woman-isolated-beige-background_197531-28951.jpg",
+                "http://img.b2bpic.net/free-photo/african-american-girl-posing-with-sincere-smile-studio-shot-cheerful-curly-young-woman-isolated-beige-background_197531-28951.jpg",              imageAlt: "Priya Sharma"},
-              imageAlt: "Priya Sharma",
-            },
             {
-              id: "2",
+              id: "2",              name: "Anjali Patel",              role: "Tailoring Student",              company: "Fashion Institute",              rating: 5,
-              name: "Anjali Patel",
-              role: "Tailoring Student",
-              company: "Fashion Institute",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/career-opportunities-women-education-concept-close-up-portrait-stylish-smiling-woman-looking-camera-with-pleased-confident-look-cross-hands-chest-lean-office-wall_197531-22169.jpg",
+                "http://img.b2bpic.net/free-photo/career-opportunities-women-education-concept-close-up-portrait-stylish-smiling-woman-looking-camera-with-pleased-confident-look-cross-hands-chest-lean-office-wall_197531-22169.jpg",              imageAlt: "Anjali Patel"},
-              imageAlt: "Anjali Patel",
-            },
             {
-              id: "3",
+              id: "3",              name: "Sneha Reddy",              role: "Business Owner",              company: "Custom Tailoring",              rating: 5,
-              name: "Sneha Reddy",
-              role: "Business Owner",
-              company: "Custom Tailoring",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
+                "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",              imageAlt: "Sneha Reddy"},
-              imageAlt: "Sneha Reddy",
-            },
             {
-              id: "4",
+              id: "4",              name: "Deepa Verma",              role: "Embroidery Enthusiast",              company: "Creative Studio",              rating: 5,
-              name: "Deepa Verma",
-              role: "Embroidery Enthusiast",
-              company: "Creative Studio",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
+                "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              imageAlt: "Deepa Verma"},
-              imageAlt: "Deepa Verma",
-            },
             {
-              id: "5",
+              id: "5",              name: "Neha Singh",              role: "Sewing Instructor",              company: "Local Training Center",              rating: 5,
-              name: "Neha Singh",
-              role: "Sewing Instructor",
-              company: "Local Training Center",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/cool-business-woman-greeting-sign_1149-1795.jpg",
+                "http://img.b2bpic.net/free-photo/cool-business-woman-greeting-sign_1149-1795.jpg",              imageAlt: "Neha Singh"},
-              imageAlt: "Neha Singh",
-            },
             {
-              id: "6",
+              id: "6",              name: "Meera Kapoor",              role: "Fashion Designer",              company: "Independent Designer",              rating: 5,
-              name: "Meera Kapoor",
-              role: "Fashion Designer",
-              company: "Independent Designer",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-portrait-young-natural-pretty-woman-with-curly-hairstyle_285396-4374.jpg",
+                "http://img.b2bpic.net/free-photo/close-up-portrait-young-natural-pretty-woman-with-curly-hairstyle_285396-4374.jpg",              imageAlt: "Meera Kapoor"},
-              imageAlt: "Meera Kapoor",
-            },
           ]}
           gridVariant="three-columns-all-equal-width"
           textboxLayout="default"
@@ -242,59 +165,57 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={true}
           names={[
-            "YouTube Subscribers",
+            "YouTube Subscribers",            "WhatsApp Group Members",            "Active Students",            "Tutorial Views",            "Success Stories",            "Training Graduates",            "Community Partners"]}
-            "WhatsApp Group Members",
-            "Active Students",
-            "Tutorial Views",
-            "Success Stories",
-            "Training Graduates",
-            "Community Partners",
-          ]}
           speed={40}
           showCard={true}
         />
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
+        <ContactCTA
           tag="Get in Touch"
-          title="Connect with OkNeppo"
+          tagIcon={BookOpen}
-          description="Have questions or want to start your sewing journey? Reach out to us via WhatsApp, email, or subscribe to our YouTube channel for daily tutorials and tips."
+          title="Ready to Start Your Sewing Journey?"
-          tagIcon={undefined}
+          description="Choose your preferred enrollment pathway and begin learning with OkNeppo. Access video tutorials, live training sessions, or personalized courses tailored to your skill level."
-          useInvertedBackground={false}
+          buttons={[
-          inputPlaceholder="Enter your email"
+            {
-          buttonText="Subscribe"
+              text: "Enroll in YouTube Course",              href: "https://www.youtube.com/@okneppo"},
-          termsText="We respect your privacy. Unsubscribe at any time."
+            {
+              text: "Join WhatsApp Training",              href: "https://wa.me/1234567890"},
+          ]}
           background={{
-            variant: "rotated-rays-animated-grid",
+            variant: "rotated-rays-animated-grid"}}
-          }}
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterCard
+        <FooterLogoEmphasis
           logoText="OkNeppo"
-          copyrightText="© 2025 OkNeppo | Sewing & Tailoring Education. All rights reserved."
+          columns={[
-          socialLinks={[
             {
-              icon: Youtube,
+              items: [
-              href: "https://www.youtube.com/@okneppo",
+                { label: "YouTube Tutorials", href: "https://www.youtube.com/@okneppo" },
-              ariaLabel: "OkNeppo YouTube Channel",
+                { label: "WhatsApp Community", href: "https://wa.me/1234567890" },
+                { label: "Live Training", href: "/training" },
+                { label: "Course Catalog", href: "/courses" },
+              ],
             },
             {
-              icon: MessageCircle,
+              items: [
-              href: "https://wa.me/1234567890",
+                { label: "Sewing Basics", href: "/tutorials" },
-              ariaLabel: "OkNeppo WhatsApp",
+                { label: "Tailoring Guide", href: "/tutorials" },
+                { label: "Machine Maintenance", href: "/tutorials" },
+                { label: "Embroidery Tips", href: "/tutorials" },
+              ],
             },
             {
-              icon: Facebook,
+              items: [
-              href: "https://facebook.com/okneppo",
+                { label: "Success Stories", href: "#testimonials" },
-              ariaLabel: "OkNeppo Facebook",
+                { label: "Community", href: "#social-proof" },
-            },
+                { label: "About Us", href: "/about" },
-            {
+                { label: "Contact", href: "/contact" },
-              icon: Instagram,
+              ],
-              href: "https://instagram.com/okneppo",
-              ariaLabel: "OkNeppo Instagram",
             },
           ]}
         />

src/app/training/page.tsx

@@ -43,15 +43,15 @@ export default function TrainingPage() {
         <FeatureCardOne
           features={[
             {
-              title: "Beginner Sewing Essentials",              description: "A comprehensive course covering sewing machine operation, basic stitches, fabric selection, and simple project creation for absolute beginners.",              imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985254.jpg",              imageAlt: "Beginner Sewing Training",              button: {
+              title: "Beginner Sewing Essentials",              description: "A comprehensive course covering sewing machine operation, basic stitches, fabric selection, and simple project creation for absolute beginners.",              imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985254.jpg?_wi=1",              imageAlt: "Beginner Sewing Training",              button: {
                 text: "Enroll Now",                href: "https://wa.me/1234567890"},
             },
             {
-              title: "Professional Tailoring Training",              description: "Master advanced tailoring techniques including pattern making, custom fitting, garment alterations, and professional finishing methods.",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543697.jpg",              imageAlt: "Professional Tailoring Course",              button: {
+              title: "Professional Tailoring Training",              description: "Master advanced tailoring techniques including pattern making, custom fitting, garment alterations, and professional finishing methods.",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543697.jpg?_wi=1",              imageAlt: "Professional Tailoring Course",              button: {
                 text: "Join Course",                href: "https://wa.me/1234567890"},
             },
             {
-              title: "Embroidery & Decorative Arts",              description: "Explore creative embroidery techniques, hand stitching art, decorative designs, and personalization methods for custom creations.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-crocheting-high-angle_23-2148754112.jpg",              imageAlt: "Embroidery Training",              button: {
+              title: "Embroidery & Decorative Arts",              description: "Explore creative embroidery techniques, hand stitching art, decorative designs, and personalization methods for custom creations.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-crocheting-high-angle_23-2148754112.jpg?_wi=1",              imageAlt: "Embroidery Training",              button: {
                 text: "Start Learning",                href: "https://wa.me/1234567890"},
             },
           ]}

src/app/tutorials/page.tsx

@@ -43,19 +43,19 @@ export default function TutorialsPage() {
         <FeatureCardOne
           features={[
             {
-              title: "Sewing Machine Basics",              description: "Master the fundamentals of operating a sewing machine, threading, and basic stitch techniques for beginners.",              imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985254.jpg",              imageAlt: "Sewing Machine Tutorial",              button: {
+              title: "Sewing Machine Basics",              description: "Master the fundamentals of operating a sewing machine, threading, and basic stitch techniques for beginners.",              imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985254.jpg?_wi=2",              imageAlt: "Sewing Machine Tutorial",              button: {
                 text: "Watch Tutorial",                href: "https://www.youtube.com/@okneppo"},
             },
             {
-              title: "Basic Stitching Techniques",              description: "Learn essential hand stitches, embroidery basics, and how to create beautiful decorative patterns with needle and thread.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-crocheting-high-angle_23-2148754112.jpg",              imageAlt: "Hand Stitching Guide",              button: {
+              title: "Basic Stitching Techniques",              description: "Learn essential hand stitches, embroidery basics, and how to create beautiful decorative patterns with needle and thread.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-crocheting-high-angle_23-2148754112.jpg?_wi=2",              imageAlt: "Hand Stitching Guide",              button: {
                 text: "Watch Tutorial",                href: "https://www.youtube.com/@okneppo"},
             },
             {
-              title: "Tailoring & Fitting",              description: "Discover professional tailoring techniques, pattern cutting, measurements, and how to fit garments perfectly.",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543697.jpg",              imageAlt: "Tailoring Basics",              button: {
+              title: "Tailoring & Fitting",              description: "Discover professional tailoring techniques, pattern cutting, measurements, and how to fit garments perfectly.",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543697.jpg?_wi=2",              imageAlt: "Tailoring Basics",              button: {
                 text: "Watch Tutorial",                href: "https://www.youtube.com/@okneppo"},
             },
             {
-              title: "Machine Maintenance & Repair",              description: "Keep your sewing machine in perfect condition with our maintenance guide, troubleshooting tips, and repair hacks.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4653.jpg",              imageAlt: "Machine Maintenance",              button: {
+              title: "Machine Maintenance & Repair",              description: "Keep your sewing machine in perfect condition with our maintenance guide, troubleshooting tips, and repair hacks.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4653.jpg?_wi=1",              imageAlt: "Machine Maintenance",              button: {
                 text: "Watch Tutorial",                href: "https://www.youtube.com/@okneppo"},
             },
           ]}

src/app/youtube/page.tsx

@@ -46,19 +46,19 @@ export default function YouTubePage() {
           tagIcon={Sparkles}
           features={[
             {
-              title: "Sewing Machine Basics",              description: "Master the fundamentals of operating a sewing machine, threading, and basic stitch techniques for beginners.",              imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985254.jpg",              imageAlt: "Sewing Machine Tutorial",              button: {
+              title: "Sewing Machine Basics",              description: "Master the fundamentals of operating a sewing machine, threading, and basic stitch techniques for beginners.",              imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985254.jpg?_wi=3",              imageAlt: "Sewing Machine Tutorial",              button: {
                 text: "Watch Playlist",                href: "https://www.youtube.com/@okneppo"},
             },
             {
-              title: "Basic Stitching Techniques",              description: "Learn essential hand stitches, embroidery basics, and how to create beautiful decorative patterns with needle and thread.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-crocheting-high-angle_23-2148754112.jpg",              imageAlt: "Hand Stitching Guide",              button: {
+              title: "Basic Stitching Techniques",              description: "Learn essential hand stitches, embroidery basics, and how to create beautiful decorative patterns with needle and thread.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-crocheting-high-angle_23-2148754112.jpg?_wi=3",              imageAlt: "Hand Stitching Guide",              button: {
                 text: "Watch Playlist",                href: "https://www.youtube.com/@okneppo"},
             },
             {
-              title: "Tailoring & Fitting",              description: "Discover professional tailoring techniques, pattern cutting, measurements, and how to fit garments perfectly.",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543697.jpg",              imageAlt: "Tailoring Basics",              button: {
+              title: "Tailoring & Fitting",              description: "Discover professional tailoring techniques, pattern cutting, measurements, and how to fit garments perfectly.",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543697.jpg?_wi=3",              imageAlt: "Tailoring Basics",              button: {
                 text: "Watch Playlist",                href: "https://www.youtube.com/@okneppo"},
             },
             {
-              title: "Machine Maintenance & Repair",              description: "Keep your sewing machine in perfect condition with our maintenance guide, troubleshooting tips, and repair hacks.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4653.jpg",              imageAlt: "Machine Maintenance",              button: {
+              title: "Machine Maintenance & Repair",              description: "Keep your sewing machine in perfect condition with our maintenance guide, troubleshooting tips, and repair hacks.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-worker-near-metalworking-machine_176420-4653.jpg?_wi=2",              imageAlt: "Machine Maintenance",              button: {
                 text: "Watch Playlist",                href: "https://www.youtube.com/@okneppo"},
             },
           ]}