From e92fe3aa71c16ccc61a054f0b07474cfdb1a9226 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 20:10:24 +0000 Subject: [PATCH 1/5] Update src/app/contact/page.tsx --- src/app/contact/page.tsx | 35 +++++++++++------------------------ 1 file changed, 11 insertions(+), 24 deletions(-) diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 0d25de2..affe606 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -32,9 +32,7 @@ export default function ContactPage() { { name: "YouTube", id: "/youtube" }, ]} button={{ - text: "Contact Us", - href: "/contact", - }} + text: "Contact Us", href: "/contact"}} /> @@ -43,14 +41,13 @@ export default function ContactPage() { tag="Get in Touch" title="Connect with OkNeppo" description="Have questions about sewing, tailoring, or our training programs? We'd love to hear from you! Reach out via WhatsApp for instant support, email us, or subscribe to our YouTube channel for daily tutorials and tips." - tagIcon="Mail" + tagIcon={Mail} useInvertedBackground={false} inputPlaceholder="Enter your email" buttonText="Subscribe" termsText="We respect your privacy. Unsubscribe at any time." background={{ - variant: "rotated-rays-animated-grid", - }} + variant: "rotated-rays-animated-grid"}} /> @@ -59,14 +56,13 @@ export default function ContactPage() { tag="Connect Now" title="Multiple Ways to Reach Us" description="Choose your preferred contact method. Join our WhatsApp community for instant support, subscribe on YouTube for the latest tutorials, or send us an email with your questions and feedback." - tagIcon="Mail" + tagIcon={Mail} useInvertedBackground={true} inputPlaceholder="Your email address" buttonText="Get Updates" termsText="Stay connected with OkNeppo for exclusive tips and early access to new content." background={{ - variant: "animated-grid", - }} + variant: "animated-grid"}} /> @@ -75,14 +71,13 @@ export default function ContactPage() { tag="Stay Updated" title="Subscribe to Our Newsletter" description="Never miss out on new sewing tutorials, tailoring tips, machine maintenance guides, and special announcements. Get weekly content delivered straight to your inbox!" - tagIcon="Mail" + tagIcon={Mail} useInvertedBackground={false} inputPlaceholder="your@email.com" buttonText="Subscribe Now" termsText="We promise to send only valuable sewing and tailoring content. Unsubscribe at any time with one click." background={{ - variant: "downward-rays-animated-grid", - }} + variant: "downward-rays-animated-grid"}} /> @@ -93,24 +88,16 @@ export default function ContactPage() { socialLinks={[ { icon: Youtube, - href: "https://www.youtube.com/@okneppo", - ariaLabel: "OkNeppo YouTube Channel", - }, + href: "https://www.youtube.com/@okneppo", ariaLabel: "OkNeppo YouTube Channel"}, { icon: MessageCircle, - href: "https://wa.me/1234567890", - ariaLabel: "OkNeppo WhatsApp", - }, + href: "https://wa.me/1234567890", ariaLabel: "OkNeppo WhatsApp"}, { icon: Facebook, - href: "https://facebook.com/okneppo", - ariaLabel: "OkNeppo Facebook", - }, + href: "https://facebook.com/okneppo", ariaLabel: "OkNeppo Facebook"}, { icon: Instagram, - href: "https://instagram.com/okneppo", - ariaLabel: "OkNeppo Instagram", - }, + href: "https://instagram.com/okneppo", ariaLabel: "OkNeppo Instagram"}, ]} /> -- 2.49.1 From d6ca9af96322c8ef1a14e0b1184132d0dff38079 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 20:10:24 +0000 Subject: [PATCH 2/5] Update src/app/training/page.tsx --- src/app/training/page.tsx | 59 ++++++++++----------------------------- 1 file changed, 15 insertions(+), 44 deletions(-) diff --git a/src/app/training/page.tsx b/src/app/training/page.tsx index 6ab2776..b8c4680 100644 --- a/src/app/training/page.tsx +++ b/src/app/training/page.tsx @@ -6,7 +6,7 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin import FeatureCardOne from "@/components/sections/feature/FeatureCardOne"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterCard from "@/components/sections/footer/FooterCard"; -import { Youtube, MessageCircle, Facebook, Instagram } from "lucide-react"; +import { Youtube, MessageCircle, Facebook, Instagram, Award, Zap } from "lucide-react"; export default function TrainingPage() { const navItems = [ @@ -35,9 +35,7 @@ export default function TrainingPage() { brandName="OkNeppo" navItems={navItems} button={{ - text: "Contact Us", - href: "/contact", - }} + text: "Contact Us", href: "/contact"}} /> @@ -45,40 +43,22 @@ export default function TrainingPage() { @@ -109,24 +88,16 @@ export default function TrainingPage() { socialLinks={[ { icon: Youtube, - href: "https://www.youtube.com/@okneppo", - ariaLabel: "OkNeppo YouTube Channel", - }, + href: "https://www.youtube.com/@okneppo", ariaLabel: "OkNeppo YouTube Channel"}, { icon: MessageCircle, - href: "https://wa.me/1234567890", - ariaLabel: "OkNeppo WhatsApp", - }, + href: "https://wa.me/1234567890", ariaLabel: "OkNeppo WhatsApp"}, { icon: Facebook, - href: "https://facebook.com/okneppo", - ariaLabel: "OkNeppo Facebook", - }, + href: "https://facebook.com/okneppo", ariaLabel: "OkNeppo Facebook"}, { icon: Instagram, - href: "https://instagram.com/okneppo", - ariaLabel: "OkNeppo Instagram", - }, + href: "https://instagram.com/okneppo", ariaLabel: "OkNeppo Instagram"}, ]} /> -- 2.49.1 From 3ca14806ffdd17298d69519f6a0e899e7d1bfff8 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 20:10:25 +0000 Subject: [PATCH 3/5] Update src/app/tutorials/page.tsx --- src/app/tutorials/page.tsx | 69 ++++++++++---------------------------- 1 file changed, 17 insertions(+), 52 deletions(-) diff --git a/src/app/tutorials/page.tsx b/src/app/tutorials/page.tsx index 27b632a..6a61a15 100644 --- a/src/app/tutorials/page.tsx +++ b/src/app/tutorials/page.tsx @@ -6,7 +6,7 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin import FeatureCardOne from "@/components/sections/feature/FeatureCardOne"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterCard from "@/components/sections/footer/FooterCard"; -import { Youtube, MessageCircle, Facebook, Instagram } from "lucide-react"; +import { Youtube, MessageCircle, Facebook, Instagram, Sparkles, Mail } from "lucide-react"; export default function TutorialsPage() { const navItems = [ @@ -35,9 +35,7 @@ export default function TutorialsPage() { brandName="OkNeppo" navItems={navItems} button={{ - text: "Contact Us", - href: "/contact", - }} + text: "Contact Us", href: "/contact"}} /> @@ -45,50 +43,26 @@ export default function TutorialsPage() { @@ -119,24 +92,16 @@ export default function TutorialsPage() { socialLinks={[ { icon: Youtube, - href: "https://www.youtube.com/@okneppo", - ariaLabel: "OkNeppo YouTube Channel", - }, + href: "https://www.youtube.com/@okneppo", ariaLabel: "OkNeppo YouTube Channel"}, { icon: MessageCircle, - href: "https://wa.me/1234567890", - ariaLabel: "OkNeppo WhatsApp", - }, + href: "https://wa.me/1234567890", ariaLabel: "OkNeppo WhatsApp"}, { icon: Facebook, - href: "https://facebook.com/okneppo", - ariaLabel: "OkNeppo Facebook", - }, + href: "https://facebook.com/okneppo", ariaLabel: "OkNeppo Facebook"}, { icon: Instagram, - href: "https://instagram.com/okneppo", - ariaLabel: "OkNeppo Instagram", - }, + href: "https://instagram.com/okneppo", ariaLabel: "OkNeppo Instagram"}, ]} /> -- 2.49.1 From ab9de8878521588183ae16a44bac831cfcbef606 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 20:10:25 +0000 Subject: [PATCH 4/5] Update src/app/youtube/page.tsx --- src/app/youtube/page.tsx | 78 ++++++++++------------------------------ 1 file changed, 18 insertions(+), 60 deletions(-) diff --git a/src/app/youtube/page.tsx b/src/app/youtube/page.tsx index 0ff8638..701685b 100644 --- a/src/app/youtube/page.tsx +++ b/src/app/youtube/page.tsx @@ -7,7 +7,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterCard from "@/components/sections/footer/FooterCard"; import Link from "next/link"; -import { Youtube, MessageCircle, Facebook, Instagram } from "lucide-react"; +import { Youtube, MessageCircle, Facebook, Instagram, Sparkles, Mail } from "lucide-react"; export default function YouTubePage() { return ( @@ -34,9 +34,7 @@ export default function YouTubePage() { { name: "YouTube", id: "/youtube" }, ]} button={{ - text: "Contact Us", - href: "/contact", - }} + text: "Contact Us", href: "/contact"}} /> @@ -45,47 +43,23 @@ export default function YouTubePage() { title="Featured Video Playlists" description="Explore our comprehensive YouTube playlists covering everything from beginner sewing machine basics to advanced tailoring techniques. Subscribe to never miss a new tutorial!" tag="Video Content" - tagIcon="Sparkles" + 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?_wi=4", - imageAlt: "Sewing Machine Tutorial", - button: { - text: "Watch Playlist", - href: "https://www.youtube.com/@okneppo", - }, + 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: { + 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?_wi=4", - imageAlt: "Hand Stitching Guide", - 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: { + 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?_wi=4", - imageAlt: "Tailoring Basics", - 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: { + 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?_wi=3", - imageAlt: "Machine Maintenance", - 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: { + text: "Watch Playlist", href: "https://www.youtube.com/@okneppo"}, }, ]} gridVariant="two-columns-alternating-heights" @@ -103,14 +77,7 @@ export default function YouTubePage() { textboxLayout="default" useInvertedBackground={true} names={[ - "YouTube Subscribers", - "WhatsApp Group Members", - "Active Students", - "Tutorial Views", - "Success Stories", - "Training Graduates", - "Community Partners", - ]} + "YouTube Subscribers", "WhatsApp Group Members", "Active Students", "Tutorial Views", "Success Stories", "Training Graduates", "Community Partners"]} speed={40} showCard={true} /> @@ -121,14 +88,13 @@ export default function YouTubePage() { tag="Get in Touch" title="Connect with OkNeppo" 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." - tagIcon="Mail" + tagIcon={Mail} useInvertedBackground={false} inputPlaceholder="Enter your email" buttonText="Subscribe" termsText="We respect your privacy. Unsubscribe at any time." background={{ - variant: "rotated-rays-animated-grid", - }} + variant: "rotated-rays-animated-grid"}} /> @@ -139,24 +105,16 @@ export default function YouTubePage() { socialLinks={[ { icon: Youtube, - href: "https://www.youtube.com/@okneppo", - ariaLabel: "OkNeppo YouTube Channel", - }, + href: "https://www.youtube.com/@okneppo", ariaLabel: "OkNeppo YouTube Channel"}, { icon: MessageCircle, - href: "https://wa.me/1234567890", - ariaLabel: "OkNeppo WhatsApp", - }, + href: "https://wa.me/1234567890", ariaLabel: "OkNeppo WhatsApp"}, { icon: Facebook, - href: "https://facebook.com/okneppo", - ariaLabel: "OkNeppo Facebook", - }, + href: "https://facebook.com/okneppo", ariaLabel: "OkNeppo Facebook"}, { icon: Instagram, - href: "https://instagram.com/okneppo", - ariaLabel: "OkNeppo Instagram", - }, + href: "https://instagram.com/okneppo", ariaLabel: "OkNeppo Instagram"}, ]} /> -- 2.49.1 From b3412c5c86eaaf92fa5279da82688a3371a8efe2 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 20:10:25 +0000 Subject: [PATCH 5/5] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 54 +++++++------------ 1 file changed, 18 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..fab5981 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,33 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; + textClassName?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + textClassName = '', +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1