Update src/app/page.tsx
This commit is contained in:
292
src/app/page.tsx
292
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Cake } from "lucide-react";
|
||||
import { Cake, Phone, MapPin, Instagram, Facebook } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Calculator",
|
||||
id: "calculator",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Calculator", id: "calculator" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Korjik Bakery"
|
||||
/>
|
||||
@@ -54,102 +42,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Korjik Bakery: Premium Cakes"
|
||||
description="Crafting sweet moments with premium ingredients and artistry in every slice."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Calculate Price",
|
||||
href: "#calculator",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-4ed7n31k.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-xqaun9ef.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-so738kgy.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-vr3b8t4m.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-chocolate-cake_23-2148801112.jpg",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-marshmallow-drinks_23-2148633183.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#products" }, { text: "Calculate Price", href: "#calculator" }]}
|
||||
carouselItems={Array.from({length: 6}).map((_, i) => ({ id: `c${i}`, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-4ed7n31k.jpg?_wi=1" }))}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Handcrafted Perfection for Your Celebration"
|
||||
tag="Our Story"
|
||||
tagIcon={Cake}
|
||||
/>
|
||||
<TextAbout useInvertedBackground={true} title="Handcrafted Perfection for Your Celebration" tag="Our Story" tagIcon={Cake} />
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mango Passion Fruit",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-4ed7n31k.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Red Velvet Raspberry",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-xqaun9ef.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Snickers Deluxe",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-so738kgy.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pistachio Napoleon",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-vr3b8t4m.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Strawberry Cream",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-macaroons-table-with-cream_181624-59961.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Three Chocolates",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confectioner-uniform-decorates-cake_1157-33239.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Mango Passion Fruit", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-4ed7n31k.jpg?_wi=2", initialQuantity: 0 },
|
||||
{ id: "p2", name: "Red Velvet Raspberry", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-xqaun9ef.jpg?_wi=2", initialQuantity: 0 },
|
||||
{ id: "p3", name: "Snickers Deluxe", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-so738kgy.jpg?_wi=2", initialQuantity: 0 },
|
||||
{ id: "p4", name: "Pistachio Napoleon", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUyVnve7Kh6TrptJyNK7rltRFc/uploaded-1778351191230-vr3b8t4m.jpg?_wi=2", initialQuantity: 0 },
|
||||
]}
|
||||
title="Our Signature Fillings"
|
||||
description="Choose from our curated collection of premium cake flavors."
|
||||
@@ -162,87 +77,19 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "small",
|
||||
name: "Small (1.5 - 3kg)",
|
||||
price: "Estimate",
|
||||
features: [
|
||||
"Personalized Filling",
|
||||
"Standard Decor",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "medium",
|
||||
name: "Medium (3 - 6kg)",
|
||||
price: "Estimate",
|
||||
features: [
|
||||
"Personalized Filling",
|
||||
"Premium Decor",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "large",
|
||||
name: "Event Size (6kg+)",
|
||||
price: "Contact Us",
|
||||
features: [
|
||||
"Custom Design",
|
||||
"Consultation",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "small", name: "Small (1.5 - 3kg)", price: "Estimate", features: ["Personalized Filling", "Standard Decor"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
{ id: "medium", name: "Medium (3 - 6kg)", price: "Estimate", features: ["Personalized Filling", "Premium Decor"], buttons: [{ text: "Select", href: "#contact" }] },
|
||||
{ id: "large", name: "Event Size (6kg+)", price: "Contact Us", features: ["Custom Design", "Consultation"], buttons: [{ text: "Inquire", href: "#contact" }] },
|
||||
]}
|
||||
title="Interactive Cake Calculator"
|
||||
description="Customize your perfect cake size, filling, and decor to get an instant price estimate."
|
||||
description="Customize your perfect cake size, filling, and decor."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How far in advance should I order?",
|
||||
content: "We recommend ordering at least 3-5 days in advance for standard cakes.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we deliver across Chișinău.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request custom decor?",
|
||||
content: "Absolutely! Contact us to discuss your vision.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "We source high-quality, local, and premium ingredients for all our cakes.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you offer allergy-friendly options?",
|
||||
content: "We can accommodate certain dietary requirements upon request.",
|
||||
},
|
||||
]}
|
||||
faqs={[{ id: "f1", title: "How far in advance should I order?", content: "3-5 days in advance." }]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -253,101 +100,32 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Maria",
|
||||
handle: "@client",
|
||||
testimonial: "The best cake I have ever had!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985162.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Alex",
|
||||
handle: "@client",
|
||||
testimonial: "Incredible taste and design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-lit-birthday-candles-birthday-wishes-concept_53876-32067.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena",
|
||||
handle: "@client",
|
||||
testimonial: "So delicious and beautiful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-pinup-girl-posing-with-cupcakes_23-2148867275.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ion",
|
||||
handle: "@client",
|
||||
testimonial: "Perfect for my party.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-pinup-girl-posing-with-cupcakes_23-2148867274.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ana",
|
||||
handle: "@client",
|
||||
testimonial: "Very professional and tasty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-communicating-while-preparing-food-kitchen_637285-12565.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[{ id: "t1", name: "Maria", handle: "@client", testimonial: "The best cake I have ever had!" }]}
|
||||
title="Sweet Reviews"
|
||||
description="Hear what our wonderful clients have to say about their sweet experiences with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Order?"
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Call us at 0786 80 779 or visit us at Strada Independenței 3/1, Chișinău."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:078680779",
|
||||
},
|
||||
]}
|
||||
onSubmit={(email) => console.log("Order request from:", email)}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Bakery",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
<FooterCard
|
||||
logoText="Korjik Bakery"
|
||||
copyrightText="© 2025 Korjik Bakery"
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
|
||||
]}
|
||||
bottomLeftText="© 2024 Korjik Bakery"
|
||||
bottomRightText="Chișinău, Moldova"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user