Files
76b874eb-6d8f-4435-bd4e-74c…/src/app/tutorials/page.tsx

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>
);
}