Update src/app/navody/page.tsx

This commit is contained in:
2026-03-07 08:29:31 +00:00
parent c480d2ac3e
commit 75af021246

View File

@@ -10,6 +10,15 @@ import Link from "next/link";
import { Sparkles, BookOpen, Zap, Package, Shield, HelpCircle } from 'lucide-react';
export default function TutorialsPage() {
const navItems = [
{ name: "Domů", id: "/" },
{ name: "Základy", id: "/zaklady" },
{ name: "Návody", id: "/navody" },
{ name: "Galerie", id: "/galerie" },
{ name: "Blog", id: "/blog" },
{ name: "Kontakt", id: "#footer" }
];
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -27,14 +36,7 @@ export default function TutorialsPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="🧶 Háčkování"
navItems={[
{ name: "Domů", id: "/" },
{ name: "Základy", id: "basics" },
{ name: "Návody", id: "/navody" },
{ name: "Galerie", id: "/galerie" },
{ name: "Blog", id: "blog" },
{ name: "Kontakt", id: "contact" }
]}
navItems={navItems}
/>
</div>
@@ -49,28 +51,23 @@ export default function TutorialsPage() {
features={[
{
icon: Sparkles,
title: "Jak Začít Háčkovat",
description: "Jednoduché kroky pro absolutní začátečníky. Naučte se držet háček a navázat základní oko."
title: "Jak Začít Háčkovat", description: "Jednoduché kroky pro absolutní začátečníky. Naučte se držet háček a navázat základní oko."
},
{
icon: Zap,
title: "Základní Oka",
description: "Poznáte všechny základní stehové techniky od řetízkového oka až po pevný steh."
title: "Základní Oka", description: "Poznáte všechny základní stehové techniky od řetízkového oka až po pevný steh."
},
{
icon: BookOpen,
title: "Čtení Návodů",
description: "Jak porozumět háčkovacím nástrojům, zkratkám a symbolům v návodech."
title: "Čtení Návodů", description: "Jak porozumět háčkovacím nástrojům, zkratkám a symbolům v návodech."
},
{
icon: Package,
title: "Potřeby na Háčkování",
description: "Kompletní seznam materiálů a nástrojů, které budete potřebovat na začátek."
title: "Potřeby na Háčkování", description: "Kompletní seznam materiálů a nástrojů, které budete potřebovat na začátek."
},
{
icon: Shield,
title: "Bezpečnost a Hygiena",
description: "Tipy pro bezpečné a pohodlné háčkování bez zranění."
title: "Bezpečnost a Hygiena", description: "Tipy pro bezpečné a pohodlné háčkování bez zranění."
}
]}
animationType="slide-up"
@@ -94,36 +91,16 @@ export default function TutorialsPage() {
gridVariant="uniform-all-items-equal"
products={[
{
id: "1",
name: "Amigurumi Medvídek",
price: "Zdarma",
variant: "Začátečník • 2-3 hodiny",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-plush-still-life_23-2151044831.jpg?_wi=3",
imageAlt: "Háčkovaný medvídek"
id: "1", name: "Amigurumi Medvídek", price: "Zdarma", variant: "Začátečník • 2-3 hodiny", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-plush-still-life_23-2151044831.jpg?_wi=3", imageAlt: "Háčkovaný medvídek"
},
{
id: "2",
name: "Vánoční Ozdoby",
price: "Zdarma",
variant: "Střední • 1-2 hodiny",
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-covered-candy-canes-marshmallows-christmas-decorations-lights_181624-10429.jpg?_wi=3",
imageAlt: "Vánoční háčkované ozdoby"
id: "2", name: "Vánoční Ozdoby", price: "Zdarma", variant: "Střední • 1-2 hodiny", imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-covered-candy-canes-marshmallows-christmas-decorations-lights_181624-10429.jpg?_wi=3", imageAlt: "Vánoční háčkované ozdoby"
},
{
id: "3",
name: "Koberec Mandala",
price: "Zdarma",
variant: "Pokročilý • 8-10 hodin",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-pom-poms-arrangement_23-2149482999.jpg?_wi=2",
imageAlt: "Háčkovaný koberec mandala"
id: "3", name: "Koberec Mandala", price: "Zdarma", variant: "Pokročilý • 8-10 hodin", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-pom-poms-arrangement_23-2149482999.jpg?_wi=2", imageAlt: "Háčkovaný koberec mandala"
},
{
id: "4",
name: "Dětská Čepička",
price: "Zdarma",
variant: "Začátečník • 3-4 hodiny",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-knitting-while-relaxing_23-2149401730.jpg?_wi=2",
imageAlt: "Háčkovaná dětská čepička"
id: "4", name: "Dětská Čepička", price: "Zdarma", variant: "Začátečník • 3-4 hodiny", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-knitting-while-relaxing_23-2149401730.jpg?_wi=2", imageAlt: "Háčkovaná dětská čepička"
}
]}
/>
@@ -142,34 +119,22 @@ export default function TutorialsPage() {
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "Jak začít s háčkováním bez předchozích zkušeností?",
content: "Začněte s naším průvodcem pro začátečníky. Budete potřebovat kvalitní háček, přízi a trpělivost. Začněte s jednoduchými projekty a postupně přejděte na složitější techniky. Naše video návody vám pomohou zobrazit si správné techniky."
id: "1", title: "Jak začít s háčkováním bez předchozích zkušeností?", content: "Začněte s naším průvodcem pro začátečníky. Budete potřebovat kvalitní háček, přízi a trpělivost. Začněte s jednoduchými projekty a postupně přejděte na složitější techniky. Naše video návody vám pomohou zobrazit si správné techniky."
},
{
id: "2",
title: "Jakou příz mám koupit na začátek?",
content: "Doporučujeme začít s příží střední tloušťky (DK nebo worsted) v neutrálních barvách. Vyhněte se velmi tenkým vláknům. Kvalitní příz od renomovaných výrobců vám usnadní práci a výsledky budou lepší."
id: "2", title: "Jakou příz mám koupit na začátek?", content: "Doporučujeme začít s příží střední tloušťky (DK nebo worsted) v neutrálních barvách. Vyhněte se velmi tenkým vláknům. Kvalitní příz od renomovaných výrobců vám usnadní práci a výsledky budou lepší."
},
{
id: "3",
title: "Jak dlouho trvá vyrobit amigurumi?",
content: "Jednoduchý amigurumi (malý medvídek) trvá 2-3 hodiny. Složitější projekty mohou trvat 8-10 hodin. Čas závisí na vaší zkušenosti a velikosti projektu. Začátečníci si mohou chvíli déle."
id: "3", title: "Jak dlouho trvá vyrobit amigurumi?", content: "Jednoduchý amigurumi (malý medvídek) trvá 2-3 hodiny. Složitější projekty mohou trvat 8-10 hodin. Čas závisí na vaší zkušenosti a velikosti projektu. Začátečníci si mohou chvíli déle."
},
{
id: "4",
title: "Jaký je rozdíl mezi háčkováním a pletením?",
content: "Háčkování používá jeden háček a často se pracuje s jedním očkem najednou. Pletení používá dva jehlice a několik oček se pracuje současně. Háčkování je obecně jednodušší pro začátečníky."
id: "4", title: "Jaký je rozdíl mezi háčkováním a pletením?", content: "Háčkování používá jeden háček a často se pracuje s jedním očkem najednou. Pletení používá dva jehlice a několik oček se pracuje současně. Háčkování je obecně jednodušší pro začátečníky."
},
{
id: "5",
title: "Kde mohu koupit materiály na háčkování?",
content: "Materiály můžete koupit v obchodě s řemesly, online prodejcích, nebo u nás v partnerských obchodech. Doporučujeme kvalitní příz a háčky, i když je to o něco dražší."
id: "5", title: "Kde mohu koupit materiály na háčkování?", content: "Materiály můžete koupit v obchodě s řemesly, online prodejcích, nebo u nás v partnerských obchodech. Doporučujeme kvalitní příz a háčky, i když je to o něco dražší."
},
{
id: "6",
title: "Jak opravím chybu v háčkovaném projektu?",
content: "Pokud uděláte chybu, můžete se vrátit o několik řad a rozpoléit přízi. Určitý počet chyb je normální, zvláště na začátku. Náš tutoriál na opravu chyb vám ukáže jak na to."
id: "6", title: "Jak opravím chybu v háčkovaném projektu?", content: "Pokud uděláte chybu, můžete se vrátit o několik řad a rozpoléit přízi. Určitý počet chyb je normální, zvláště na začátku. Náš tutoriál na opravu chyb vám ukáže jak na to."
}
]}
/>
@@ -184,26 +149,23 @@ export default function TutorialsPage() {
copyrightText="© 2024 Háčkování | Všechna práva vyhrazena"
columns={[
{
title: "Navigace",
items: [
title: "Navigace", items: [
{ label: "Domů", href: "/" },
{ label: "Základy", href: "#basics" },
{ label: "Základy", href: "/zaklady" },
{ label: "Návody", href: "/navody" },
{ label: "Galerie", href: "/galerie" }
]
},
{
title: "Obsah",
items: [
{ label: "Blog", href: "#blog" },
title: "Obsah", items: [
{ label: "Blog", href: "/blog" },
{ label: "FAQ", href: "#faq" },
{ label: "O Mně", href: "#contact" },
{ label: "O Mně", href: "/o-mne" },
{ label: "Tipy a Triky", href: "#contact" }
]
},
{
title: "Připojte Se",
items: [
title: "Připojte Se", items: [
{ label: "Email", href: "mailto:info@hackovani.cz" },
{ label: "Kontakt", href: "#contact" },
{ label: "Sociální Sítě", href: "https://facebook.com" },