Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-05-09 18:29:18 +00:00
2 changed files with 42 additions and 264 deletions

View File

@@ -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,98 +100,29 @@ 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>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcfaf7;
--card: #ffffff;
--foreground: #3d2822;
--primary-cta: #8b4513;
--background: #F5E6D3;
--card: #FFFFFF;
--foreground: #4A3728;
--primary-cta: #8B6F47;
--primary-cta-text: #ffffff;
--secondary-cta: #fdf6f0;
--secondary-cta: #E8B4C8;
--secondary-cta-text: #3d2822;
--accent: #f4aab9;
--background-accent: #e6dcd3;
--accent: #E8B4C8;
--background-accent: #FDF6ED;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);