7 Commits

Author SHA1 Message Date
f46c541a0d Update src/app/youtube/page.tsx 2026-03-12 20:13:44 +00:00
e5e4216a0b Update src/app/tutorials/page.tsx 2026-03-12 20:13:43 +00:00
4959173fe8 Update src/app/training/page.tsx 2026-03-12 20:13:43 +00:00
57b0b8eb12 Update src/app/page.tsx 2026-03-12 20:13:18 +00:00
4f4ffbf754 Merge version_1 into main
Merge version_1 into main
2026-03-12 20:11:03 +00:00
f99096455c Merge version_1 into main
Merge version_1 into main
2026-03-12 20:10:29 +00:00
b91d1dedc9 Merge version_1 into main
Merge version_1 into main
2026-03-12 20:09:34 +00:00
4 changed files with 83 additions and 162 deletions

View File

@@ -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 FooterCard from "@/components/sections/footer/FooterCard";
import { Youtube, MessageCircle, Facebook, Instagram } from "lucide-react";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Youtube, MessageCircle, Facebook, Instagram, BookOpen, Users, Award } 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",
href: "/contact",
}}
text: "Contact Us", 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",
href: "https://www.youtube.com/@okneppo",
},
text: "Subscribe YouTube", href: "https://www.youtube.com/@okneppo"},
{
text: "Join WhatsApp",
href: "https://wa.me/1234567890",
},
text: "Join WhatsApp", 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",
content: "Welcome to OkNeppo Your Journey to",
},
type: "text", content: "Welcome to OkNeppo Your Journey to"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-repair-sale-service_23-2150627968.jpg",
alt: "OkNeppo Founder",
},
type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-repair-sale-service_23-2150627968.jpg", alt: "OkNeppo Founder"},
{
type: "text",
content: "Sewing Mastery Starts Here",
},
type: "text", content: "Sewing Mastery Starts Here"},
]}
useInvertedBackground={false}
buttons={[
{
text: "Explore Tutorials",
href: "/tutorials",
},
text: "Explore Tutorials", href: "/tutorials"},
{
text: "Start Training",
href: "/training",
},
text: "Start Training", href: "/training"},
]}
/>
</div>
@@ -104,52 +87,28 @@ export default function HomePage() {
tagIcon={undefined}
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=1",
imageAlt: "Sewing Machine Tutorial",
button: {
text: "Watch Tutorial",
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?_wi=1", 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?_wi=1",
imageAlt: "Hand Stitching Guide",
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?_wi=1", 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?_wi=1",
imageAlt: "Tailoring Basics",
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?_wi=1", 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?_wi=1",
imageAlt: "Machine Maintenance",
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?_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",
name: "Priya Sharma",
role: "Housewife",
company: "Home Entrepreneur",
rating: 5,
id: "1", 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",
imageAlt: "Priya Sharma",
},
"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"},
{
id: "2",
name: "Anjali Patel",
role: "Tailoring Student",
company: "Fashion Institute",
rating: 5,
id: "2", 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",
imageAlt: "Anjali Patel",
},
"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"},
{
id: "3",
name: "Sneha Reddy",
role: "Business Owner",
company: "Custom Tailoring",
rating: 5,
id: "3", 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",
imageAlt: "Sneha Reddy",
},
"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"},
{
id: "4",
name: "Deepa Verma",
role: "Embroidery Enthusiast",
company: "Creative Studio",
rating: 5,
id: "4", 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",
imageAlt: "Deepa Verma",
},
"http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", imageAlt: "Deepa Verma"},
{
id: "5",
name: "Neha Singh",
role: "Sewing Instructor",
company: "Local Training Center",
rating: 5,
id: "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",
imageAlt: "Neha Singh",
},
"http://img.b2bpic.net/free-photo/cool-business-woman-greeting-sign_1149-1795.jpg", imageAlt: "Neha Singh"},
{
id: "6",
name: "Meera Kapoor",
role: "Fashion Designer",
company: "Independent Designer",
rating: 5,
id: "6", 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",
imageAlt: "Meera Kapoor",
},
"http://img.b2bpic.net/free-photo/close-up-portrait-young-natural-pretty-woman-with-curly-hairstyle_285396-4374.jpg", 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",
"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}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
<ContactCTA
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={undefined}
useInvertedBackground={false}
inputPlaceholder="Enter your email"
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe at any time."
tagIcon={BookOpen}
title="Ready to Start Your Sewing Journey?"
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."
buttons={[
{
text: "Enroll in YouTube Course", href: "https://www.youtube.com/@okneppo"},
{
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."
socialLinks={[
columns={[
{
icon: Youtube,
href: "https://www.youtube.com/@okneppo",
ariaLabel: "OkNeppo YouTube Channel",
items: [
{ label: "YouTube Tutorials", href: "https://www.youtube.com/@okneppo" },
{ label: "WhatsApp Community", href: "https://wa.me/1234567890" },
{ label: "Live Training", href: "/training" },
{ label: "Course Catalog", href: "/courses" },
],
},
{
icon: MessageCircle,
href: "https://wa.me/1234567890",
ariaLabel: "OkNeppo WhatsApp",
items: [
{ label: "Sewing Basics", href: "/tutorials" },
{ label: "Tailoring Guide", href: "/tutorials" },
{ label: "Machine Maintenance", href: "/tutorials" },
{ label: "Embroidery Tips", href: "/tutorials" },
],
},
{
icon: Facebook,
href: "https://facebook.com/okneppo",
ariaLabel: "OkNeppo Facebook",
},
{
icon: Instagram,
href: "https://instagram.com/okneppo",
ariaLabel: "OkNeppo Instagram",
items: [
{ label: "Success Stories", href: "#testimonials" },
{ label: "Community", href: "#social-proof" },
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "/contact" },
],
},
]}
/>

View File

@@ -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"},
},
]}

View File

@@ -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"},
},
]}

View File

@@ -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"},
},
]}