145 lines
5.5 KiB
TypeScript
145 lines
5.5 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
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";
|
|
|
|
export default function TutorialsPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Tutorials", id: "/tutorials" },
|
|
{ name: "Training", id: "/training" },
|
|
{ name: "YouTube", id: "/youtube" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="OkNeppo"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Contact Us",
|
|
href: "/contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<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?_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?_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?_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?_wi=2",
|
|
imageAlt: "Machine Maintenance",
|
|
button: {
|
|
text: "Watch Tutorial",
|
|
href: "https://www.youtube.com/@okneppo",
|
|
},
|
|
},
|
|
]}
|
|
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="Sparkles"
|
|
gridVariant="two-columns-alternating-heights"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
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"
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
background={{
|
|
variant: "rotated-rays-animated-grid",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="OkNeppo"
|
|
copyrightText="© 2025 OkNeppo | Sewing & Tailoring Education. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Youtube,
|
|
href: "https://www.youtube.com/@okneppo",
|
|
ariaLabel: "OkNeppo YouTube Channel",
|
|
},
|
|
{
|
|
icon: MessageCircle,
|
|
href: "https://wa.me/1234567890",
|
|
ariaLabel: "OkNeppo WhatsApp",
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/okneppo",
|
|
ariaLabel: "OkNeppo Facebook",
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/okneppo",
|
|
ariaLabel: "OkNeppo Instagram",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |