188 lines
10 KiB
TypeScript
188 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="LayerPractice"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Global Community"
|
|
bottomRightText="hello@layerpractice.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="LAYER PRACTICE"
|
|
description="Master the art of precise layering technique through structured practice and expert guidance"
|
|
buttons={[
|
|
{ text: "Start Learning", href: "#features" },
|
|
{ text: "Join Community", href: "#contact" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-preparing-cake_23-2149144133.jpg", imageAlt: "Layer practice technique demonstration"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-preparing-cake_23-2149144136.jpg", imageAlt: "Professional layer practice hands-on"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/mold-with-mix_23-2147958950.jpg", imageAlt: "Layer practice training session"
|
|
}
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
logoLineHeight={1.1}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
tag="About Us"
|
|
title="Transform Your Layer Practice"
|
|
description="Learn the fundamental principles of layer practice through our comprehensive curriculum. Whether you're beginning your journey or refining your technique, our expert-led program guides you through every step with precision and care."
|
|
imageSrc="https://img.b2bpic.net/free-photo/beautifully-decorted-bakery-sweets_23-2149367798.jpg"
|
|
imageAlt="Professional layer practice workshop"
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Essential Techniques"
|
|
description="Master the core components of layer practice with our structured curriculum"
|
|
tag="Features"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
title: "Hand Positioning", description: "Learn precise hand placement and movement control for consistent, repeatable results", imageSrc: "https://img.b2bpic.net/free-photo/sided-view-cook-preparing-tiramisu_23-2149549732.jpg", imageAlt: "Proper hand positioning technique"
|
|
},
|
|
{
|
|
title: "Timing & Rhythm", description: "Develop muscle memory through structured timing exercises and rhythmic practice patterns", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-making-cake_23-2149144128.jpg", imageAlt: "Timing and rhythm training"
|
|
},
|
|
{
|
|
title: "Speed Control", description: "Progress from slow, controlled movements to fluid, dynamic execution at any tempo", imageSrc: "https://img.b2bpic.net/free-photo/hands-decorating-cake-with-copy-space_23-2148395184.jpg", imageAlt: "Speed and control mastery"
|
|
},
|
|
{
|
|
title: "Breathing & Focus", description: "Integrate mindful breathing patterns to enhance concentration and reduce tension during practice", imageSrc: "https://img.b2bpic.net/free-photo/beautifully-decorted-bakery-sweets_23-2149367801.jpg", imageAlt: "Breathing techniques and focus"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Success Stories"
|
|
description="Hear from practitioners who have transformed their layer practice"
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", handle: "@sarahbakes", testimonial: "This program completely changed how I approach layer practice. My precision improved dramatically within just three weeks!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson", handle: "@marcuspractices", testimonial: "The structured curriculum and expert guidance made it so easy to understand and master each technique.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-144.jpg", imageAlt: "Marcus Johnson"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", handle: "@elenacraft", testimonial: "I've been practicing for years, but this program helped me refine my skills to a professional level.", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageAlt: "Elena Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", handle: "@davidpractices", testimonial: "The breathing and focus techniques alone were worth the investment. Highly recommend to anyone serious about layer practice!", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg", imageAlt: "David Kim"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about layer practice and our program"
|
|
textPosition="left"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is layer practice and who should learn it?", content: "Layer practice is a structured approach to skill development focusing on precision, control, and repetition. It's suitable for beginners seeking to build strong fundamentals and advanced practitioners looking to refine their technique."
|
|
},
|
|
{
|
|
id: "2", title: "How long does it take to see improvement?", content: "Most practitioners notice significant improvements within 2-3 weeks of consistent daily practice. However, mastery is a continuous journey that develops over months and years of dedicated practice."
|
|
},
|
|
{
|
|
id: "3", title: "Can I practice on my own or do I need guidance?", content: "While self-practice is valuable, our program provides structured guidance that accelerates learning and helps you avoid common mistakes. We offer both guided instruction and independent practice modules."
|
|
},
|
|
{
|
|
id: "4", title: "What equipment do I need to get started?", content: "You'll need basic materials specific to your practice focus. Our beginner kits include everything necessary to start, and we provide detailed guides for sourcing quality equipment."
|
|
},
|
|
{
|
|
id: "5", title: "Is there a community I can join?", content: "Absolutely! Our community includes thousands of practitioners worldwide. You'll have access to forums, group practice sessions, and exclusive member content."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Join Our Community"
|
|
description="Subscribe to receive exclusive practice tips, technique tutorials, and community updates delivered weekly to your inbox."
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/close-up-hand-making-cake_23-2149144134.jpg"
|
|
imageAlt="Layer practice community"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive emails from Layer Practice."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="LayerPractice"
|
|
logoLineHeight={1.1}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |