Merge version_2 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CraftWorkshop"
|
||||
/>
|
||||
@@ -59,71 +49,44 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master the Art of Craftsmanship"
|
||||
description="Experience premium, hands-on workshops led by master artisans. Elevate your skills in an environment designed for creativity and precision."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Expert Mentors",
|
||||
},
|
||||
value: "15+", label: "Expert Mentors"},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Completed Projects",
|
||||
},
|
||||
value: "200+", label: "Completed Projects"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Student Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Student Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cottagecore-aesthetic-illustrated_23-2151855285.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-chair_52683-88935.jpg",
|
||||
alt: "Full shot smiley woman sitting on chair",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-chair_52683-88935.jpg", alt: "Full shot smiley woman sitting on chair"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094581.jpg",
|
||||
alt: "Small business manager in his workshop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094581.jpg", alt: "Small business manager in his workshop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801575.jpg",
|
||||
alt: "Professional artisan job at the workshop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-artisan-job-workshop_23-2148801575.jpg", alt: "Professional artisan job at the workshop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/equipment-tanner_1098-16264.jpg",
|
||||
alt: "Equipment of tanner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/equipment-tanner_1098-16264.jpg", alt: "Equipment of tanner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carpentry-table_23-2147773365.jpg",
|
||||
alt: "Carpentry table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/carpentry-table_23-2147773365.jpg", alt: "Carpentry table"},
|
||||
]}
|
||||
avatarText="Join 1,000+ happy students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Leatherwork",
|
||||
},
|
||||
type: "text", text: "Leatherwork"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Metalwork",
|
||||
},
|
||||
type: "text", text: "Metalwork"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Woodcraft",
|
||||
},
|
||||
type: "text", text: "Woodcraft"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pottery",
|
||||
},
|
||||
type: "text", text: "Pottery"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Jewelry",
|
||||
},
|
||||
type: "text", text: "Jewelry"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,20 +105,11 @@ export default function LandingPage() {
|
||||
description="We provide everything you need to master your craft, from high-end equipment to expert guidance."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Master-led Sessions",
|
||||
content: "Learn directly from professionals with decades of experience.",
|
||||
},
|
||||
id: "f1", title: "Master-led Sessions", content: "Learn directly from professionals with decades of experience."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "State-of-the-Art Gear",
|
||||
content: "Use industry-standard tools for your projects.",
|
||||
},
|
||||
id: "f2", title: "State-of-the-Art Gear", content: "Use industry-standard tools for your projects."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Personalized Guidance",
|
||||
content: "Small class sizes ensure you get the attention you need.",
|
||||
},
|
||||
id: "f3", title: "Personalized Guidance", content: "Small class sizes ensure you get the attention you need."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shoemaker-sharpening-knife_171337-12262.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -169,26 +123,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Beginner",
|
||||
price: "$150",
|
||||
subtitle: "Core Skills",
|
||||
features: [
|
||||
"Materials included",
|
||||
"2-hour intro",
|
||||
"Guided project",
|
||||
],
|
||||
id: "p1", badge: "Beginner", price: "$150", subtitle: "Core Skills", features: [
|
||||
"Materials included", "2-hour intro", "Guided project"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Advanced",
|
||||
price: "$450",
|
||||
subtitle: "Full Mastery",
|
||||
features: [
|
||||
"Advanced materials",
|
||||
"Full-day intensive",
|
||||
"One-on-one session",
|
||||
],
|
||||
id: "p2", badge: "Advanced", price: "$450", subtitle: "Full Mastery", features: [
|
||||
"Advanced materials", "Full-day intensive", "One-on-one session"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -203,22 +143,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Students Trained",
|
||||
items: [
|
||||
"Beginners",
|
||||
"Professionals",
|
||||
],
|
||||
id: "m1", value: "1000+", title: "Students Trained", items: [
|
||||
"Beginners", "Professionals"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Custom Modules",
|
||||
items: [
|
||||
"Leatherwork",
|
||||
"Metalwork",
|
||||
],
|
||||
id: "m2", value: "50+", title: "Custom Modules", items: [
|
||||
"Leatherwork", "Metalwork"],
|
||||
},
|
||||
]}
|
||||
title="Workshop Impact"
|
||||
@@ -232,45 +162,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Experience",
|
||||
quote: "The guidance was incredible.",
|
||||
name: "Alice",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-glasses-sitting-table-reading-book_23-2148166294.jpg",
|
||||
},
|
||||
id: "t1", title: "Great Experience", quote: "The guidance was incredible.", name: "Alice", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-glasses-sitting-table-reading-book_23-2148166294.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Loved It",
|
||||
quote: "I learned more in one day than in a month.",
|
||||
name: "Bob",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clay_23-2148986235.jpg",
|
||||
},
|
||||
id: "t2", title: "Loved It", quote: "I learned more in one day than in a month.", name: "Bob", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-clay_23-2148986235.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Professional",
|
||||
quote: "The tools and environment are top tier.",
|
||||
name: "Charlie",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-workbench-doing-painting-canvas-paper-workshop_23-2147889877.jpg",
|
||||
},
|
||||
id: "t3", title: "Professional", quote: "The tools and environment are top tier.", name: "Charlie", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-workbench-doing-painting-canvas-paper-workshop_23-2147889877.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "High Quality",
|
||||
quote: "Would recommend to anyone.",
|
||||
name: "Diana",
|
||||
role: "Creator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-is-shaping-vase_8353-10808.jpg",
|
||||
},
|
||||
id: "t4", title: "High Quality", quote: "Would recommend to anyone.", name: "Diana", role: "Creator", imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-is-shaping-vase_8353-10808.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Inspirational",
|
||||
quote: "The staff were so helpful.",
|
||||
name: "Edward",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-sitting-with-paints-easel-white-background_140725-103716.jpg",
|
||||
},
|
||||
id: "t5", title: "Inspirational", quote: "The staff were so helpful.", name: "Edward", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-sitting-with-paints-easel-white-background_140725-103716.jpg"},
|
||||
]}
|
||||
title="What Our Students Say"
|
||||
description="Inspiring stories from our community."
|
||||
@@ -283,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need experience?",
|
||||
content: "No, our courses are suitable for all skill levels.",
|
||||
},
|
||||
id: "q1", title: "Do I need experience?", content: "No, our courses are suitable for all skill levels."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is included?",
|
||||
content: "All materials and tools are provided for the session.",
|
||||
},
|
||||
id: "q2", title: "What is included?", content: "All materials and tools are provided for the session."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long are sessions?",
|
||||
content: "Sessions range from 2 hours to full-day workshops.",
|
||||
},
|
||||
id: "q3", title: "How long are sessions?", content: "Sessions range from 2 hours to full-day workshops."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find out what you need to know."
|
||||
@@ -308,9 +199,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Ready to start your creative journey? Get in touch today."
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Siap untuk Memulai Perjalanan Kreatif Anda? Hubungi Kami Sekarang untuk Sesi Eksklusif!"
|
||||
buttons={[
|
||||
{ text: "Mulai Sekarang", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -318,31 +211,22 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/skilled-self-employed-carpenter-working-with-wood-carpentry-workshop-interior_1163-3111.jpg"
|
||||
logoText="CraftWorkshop"
|
||||
copyrightText="© 2025 | CraftWorkshop - Menginspirasi Kreativitas Nusantara"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Perusahaan", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Tentang Kami", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Hubungi Kami", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Sumber Daya", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pilihan Paket", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -351,4 +235,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user