Update src/app/page.tsx
This commit is contained in:
375
src/app/page.tsx
375
src/app/page.tsx
@@ -17,273 +17,134 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Classes",
|
||||
id: "classes",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Baking Lovers"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Classes", id: "classes" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Baking Lovers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Baking Lovers"
|
||||
description="Learn Baking, Buy Ingredients & Explore More 🍰. Whether you're starting your baking journey or refining your skills, we provide the classes, materials, and support you need to turn your passion into a professional craft."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Classes",
|
||||
href: "#classes",
|
||||
},
|
||||
{
|
||||
text: "Our Products",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-beaten-into-bread-dough_23-2147761405.jpg?_wi=1",
|
||||
imageAlt: "Fresh artisan bread bakery display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-beaten-into-bread-dough_23-2147761405.jpg?_wi=2",
|
||||
imageAlt: "Warm baking scene with flour and dough",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-beaten-into-bread-dough_23-2147761405.jpg?_wi=3",
|
||||
imageAlt: "Friendly bakery store interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-beaten-into-bread-dough_23-2147761405.jpg?_wi=4",
|
||||
imageAlt: "Professional baking equipment showcase",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egg-beaten-into-bread-dough_23-2147761405.jpg?_wi=5",
|
||||
imageAlt: "Artisan ingredients ready for baking",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Baking Lovers"
|
||||
description="Learn Baking, Buy Ingredients & Explore More 🍰. Whether you're starting your baking journey or refining your skills, we provide the classes, materials, and support you need to turn your passion into a professional craft."
|
||||
buttons={[{ text: "Explore Classes", href: "#classes" }, { text: "Our Products", href: "#products" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/egg-beaten-into-bread-dough_23-2147761405.jpg", imageAlt: "Fresh artisan bread bakery display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/egg-beaten-into-bread-dough_23-2147761405.jpg", imageAlt: "Warm baking scene with flour and dough" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/egg-beaten-into-bread-dough_23-2147761405.jpg", imageAlt: "Friendly bakery store interior warm lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/egg-beaten-into-bread-dough_23-2147761405.jpg", imageAlt: "Professional baking equipment showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/egg-beaten-into-bread-dough_23-2147761405.jpg", imageAlt: "Artisan ingredients ready for baking" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Turn Your Passion Into Skill"
|
||||
description="We believe baking is an art that anyone can master. From foundational beginner courses to advanced professional training, we empower our students to create delicious memories."
|
||||
subdescription="Beyond teaching, we offer high-quality raw materials and professional-grade tools to ensure you have everything you need to succeed in your kitchen."
|
||||
icon={GraduationCap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/little-girl-mixing-all-ingredients_329181-17836.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Turn Your Passion Into Skill"
|
||||
description="We believe baking is an art that anyone can master. From foundational beginner courses to advanced professional training, we empower our students to create delicious memories."
|
||||
subdescription="Beyond teaching, we offer high-quality raw materials and professional-grade tools to ensure you have everything you need to succeed in your kitchen."
|
||||
icon={GraduationCap}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/little-girl-mixing-all-ingredients_329181-17836.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="classes" data-section="classes">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Cake,
|
||||
title: "Cake Baking Classes",
|
||||
description: "Learn the secrets of fluffy sponges and perfect decorations.",
|
||||
},
|
||||
{
|
||||
icon: Pizza,
|
||||
title: "Pizza & Bakery Training",
|
||||
description: "Master artisan pizza doughs and crusty bread items.",
|
||||
},
|
||||
{
|
||||
icon: GraduationCap,
|
||||
title: "Beginner Sessions",
|
||||
description: "Designed for first-timers to build confidence in the kitchen.",
|
||||
},
|
||||
{
|
||||
icon: Cookie,
|
||||
title: "Pastry Workshops",
|
||||
description: "Delve into the delicate world of laminated doughs and buttery pastries.",
|
||||
},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Advanced Techniques",
|
||||
description: "Perfect your tempering skills and sugar artistry.",
|
||||
},
|
||||
]}
|
||||
title="Baking Classes"
|
||||
description="Flexible learning options available both online and offline. Join a community of baking enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
<div id="classes" data-section="classes">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Cake, title: "Cake Baking Classes", description: "Learn the secrets of fluffy sponges and perfect decorations." },
|
||||
{ icon: Pizza, title: "Pizza & Bakery Training", description: "Master artisan pizza doughs and crusty bread items." },
|
||||
{ icon: GraduationCap, title: "Beginner Sessions", description: "Designed for first-timers to build confidence in the kitchen." },
|
||||
{ icon: Cookie, title: "Pastry Workshops", description: "Delve into the delicate world of laminated doughs and buttery pastries." },
|
||||
{ icon: Coffee, title: "Advanced Techniques", description: "Perfect your tempering skills and sugar artistry." },
|
||||
]}
|
||||
title="Baking Classes"
|
||||
description="Flexible learning options available both online and offline. Join a community of baking enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cake Cream",
|
||||
price: "High Quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greek-yogurt-wooden-bowl-isolated-white-background-creamy-natural-yogurt_123827-22738.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chocolate Compounds",
|
||||
price: "Dark & Milk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-slices-wooden-platter-marble_114579-46200.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pizza Base",
|
||||
price: "Ready to bake",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-dough_23-2148574314.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cheese",
|
||||
price: "Melting perfection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-dough_23-2148574314.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Baking Tools",
|
||||
price: "Professional set",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-eggs-carton-container-whisker-marble-surface_114579-53666.jpg",
|
||||
},
|
||||
]}
|
||||
title="Baking Essentials"
|
||||
description="Premium ingredients and tools delivered right to you."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Cake Cream", price: "High Quality", imageSrc: "http://img.b2bpic.net/free-photo/greek-yogurt-wooden-bowl-isolated-white-background-creamy-natural-yogurt_123827-22738.jpg" },
|
||||
{ id: "p2", name: "Chocolate Compounds", price: "Dark & Milk", imageSrc: "http://img.b2bpic.net/free-photo/pie-slices-wooden-platter-marble_114579-46200.jpg" },
|
||||
{ id: "p3", name: "Pizza Base", price: "Ready to bake", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-dough_23-2148574314.jpg" },
|
||||
{ id: "p4", name: "Cheese", price: "Melting perfection", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-pizza-dough_23-2148574314.jpg" },
|
||||
{ id: "p5", name: "Baking Tools", price: "Professional set", imageSrc: "http://img.b2bpic.net/free-photo/white-eggs-carton-container-whisker-marble-surface_114579-53666.jpg" },
|
||||
]}
|
||||
title="Baking Essentials"
|
||||
description="Premium ingredients and tools delivered right to you."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Award,
|
||||
title: "Experienced Trainers",
|
||||
description: "Learn from industry professionals with years of experience.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "High-Quality Ingredients",
|
||||
description: "Only the best materials for your best results.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Trusted by Students",
|
||||
description: "Join hundreds of happy bakers we have trained.",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
title: "Friendly Environment",
|
||||
description: "A supportive space where everyone is encouraged to learn.",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Community Support",
|
||||
description: "Stay connected with fellow bakers and mentors after class.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We are dedicated to providing the best learning environment for aspiring bakers."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Award, title: "Experienced Trainers", description: "Learn from industry professionals with years of experience." },
|
||||
{ icon: ShieldCheck, title: "High-Quality Ingredients", description: "Only the best materials for your best results." },
|
||||
{ icon: Users, title: "Trusted by Students", description: "Join hundreds of happy bakers we have trained." },
|
||||
{ icon: Smile, title: "Friendly Environment", description: "A supportive space where everyone is encouraged to learn." },
|
||||
{ icon: TrendingUp, title: "Community Support", description: "Stay connected with fellow bakers and mentors after class." },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We are dedicated to providing the best learning environment for aspiring bakers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="app" data-section="app">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Explore Our App: Discover more products and order easily through our mobile app."
|
||||
buttons={[
|
||||
{
|
||||
text: "Open App",
|
||||
href: "https://wa.me/918240757824",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="app" data-section="app">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Explore Our App: Discover more products and order easily through our mobile app."
|
||||
buttons={[{ text: "Open App", href: "https://wa.me/918240757824" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
text="Get in touch with us at Baking Lovers. We're here to answer your questions!"
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/918240757824",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+918240757824",
|
||||
},
|
||||
{
|
||||
text: "Find Us on Map",
|
||||
href: "https://maps.app.goo.gl/MjC8xPrX72RAJ5QX6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Get in touch with us at Baking Lovers. We're here to answer your questions!"
|
||||
buttons={[{ text: "WhatsApp", href: "https://wa.me/918240757824" }, { text: "Call Now", href: "tel:+918240757824" }, { text: "Find Us on Map", href: "https://maps.app.goo.gl/MjC8xPrX72RAJ5QX6" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Baking Lovers"
|
||||
columns={[
|
||||
{
|
||||
title: "Address",
|
||||
items: [
|
||||
{
|
||||
label: "Brick Field Rd, near progoti songho club, Baruipur, West Bengal 700144",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Classes",
|
||||
href: "#classes",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:youremail@gmail.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Baking Lovers"
|
||||
columns={[
|
||||
{ title: "Address", items: [{ label: "Brick Field Rd, near progoti songho club, Baruipur, West Bengal 700144", href: "#" }] },
|
||||
{ title: "Links", items: [{ label: "Classes", href: "#classes" }, { label: "Products", href: "#products" }, { label: "Email", href: "mailto:youremail@gmail.com" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user