Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
325
src/app/page.tsx
325
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { CheckCircle } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -19,27 +20,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Temas Cake"
|
||||
/>
|
||||
@@ -47,42 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Temas Cake Artistry"
|
||||
description="Crafting unforgettable memories through bespoke cake design and artisanal pastries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-boho-ombre-cake-with-dry-flowers-white-table_181624-61824.jpg?_wi=1",
|
||||
imageAlt: "Artisanal cake creation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-white-pastry-cream-plate-woman-hand-empty-notebook_140725-99964.jpg?_wi=1",
|
||||
imageAlt: "Custom cake detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-cake-with-powdered-sugar-top_140725-8155.jpg",
|
||||
imageAlt: "Layered gourmet dessert",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-chocolate-brownies-with-cranberries-light-surface_140725-20215.jpg",
|
||||
imageAlt: "Macaron assortment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-cupcake-with-ingredients-whisk-sprinkle-rolling-pin-nozzles-wooden-desk_23-2147942569.jpg",
|
||||
imageAlt: "Pastry shop selection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-eclairs-rectangle-plate-chopping-board-dark-wooden-table-with-free-space_140725-90861.jpg",
|
||||
imageAlt: "Eclair display",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-boho-ombre-cake-with-dry-flowers-white-table_181624-61824.jpg", imageAlt: "Artisanal cake creation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-white-pastry-cream-plate-woman-hand-empty-notebook_140725-99964.jpg", imageAlt: "Custom cake detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/piece-cake-with-powdered-sugar-top_140725-8155.jpg", imageAlt: "Layered gourmet dessert" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-chocolate-brownies-with-cranberries-light-surface_140725-20215.jpg", imageAlt: "Macaron assortment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorative-cupcake-with-ingredients-whisk-sprinkle-rolling-pin-nozzles-wooden-desk_23-2147942569.jpg", imageAlt: "Pastry shop selection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-eclairs-rectangle-plate-chopping-board-dark-wooden-table-with-free-space_140725-90861.jpg", imageAlt: "Eclair display" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,19 +62,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Passion Behind ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-female-cook-rolling-out-dough-with-flour-dark-surface_179666-44587.jpg",
|
||||
alt: "Temas Cake kitchen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Every Creation.",
|
||||
},
|
||||
{ type: "text", content: "The Passion Behind " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-female-cook-rolling-out-dough-with-flour-dark-surface_179666-44587.jpg", alt: "Temas Cake kitchen" },
|
||||
{ type: "text", content: " Every Creation." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,60 +76,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "Classic Layer Cake",
|
||||
price: "45€",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-pastry-cream-oval-plate-purple-shawl-cookies-tied-with-rope-chocolate-berries-bowls-tasty-written-notebook_140725-99902.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Artisanal",
|
||||
name: "Macaron Box",
|
||||
price: "22€",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fruit-tart-plate_23-2148519067.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Signature",
|
||||
name: "Vanilla Bean Delight",
|
||||
price: "55€",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-sweet-delicious-desserts-cupcakes-donuts-panna-cotta-desserts_8353-11504.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Boutique",
|
||||
name: "Custom Cupcakes",
|
||||
price: "35€",
|
||||
rating: 4,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-desserts-with-coconut-flakes-chocolate-chips_23-2148689804.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Artisanal",
|
||||
name: "Wedding Floral Tier",
|
||||
price: "120€",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-glass-board_114579-16586.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Boutique",
|
||||
name: "Dark Chocolate Eclair",
|
||||
price: "28€",
|
||||
rating: 5,
|
||||
reviewCount: "28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-raspberries-platter-with-muffins_114579-16523.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Signature", name: "Classic Layer Cake", price: "45€", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-pastry-cream-oval-plate-purple-shawl-cookies-tied-with-rope-chocolate-berries-bowls-tasty-written-notebook_140725-99902.jpg" },
|
||||
{ id: "p2", brand: "Artisanal", name: "Macaron Box", price: "22€", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fruit-tart-plate_23-2148519067.jpg" },
|
||||
{ id: "p3", brand: "Signature", name: "Vanilla Bean Delight", price: "55€", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-sweet-delicious-desserts-cupcakes-donuts-panna-cotta-desserts_8353-11504.jpg" },
|
||||
{ id: "p4", brand: "Boutique", name: "Custom Cupcakes", price: "35€", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-desserts-with-coconut-flakes-chocolate-chips_23-2148689804.jpg" },
|
||||
{ id: "p5", brand: "Artisanal", name: "Wedding Floral Tier", price: "120€", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/square-slice-chocolate-cheesecake-glass-board_114579-16586.jpg" },
|
||||
{ id: "p6", brand: "Boutique", name: "Dark Chocolate Eclair", price: "28€", rating: 5, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/rollcake-with-raspberries-platter-with-muffins_114579-16523.jpg" }
|
||||
]}
|
||||
title="Our Creations"
|
||||
description="Explore our handcrafted selection of premium cakes and artisanal pastries."
|
||||
@@ -180,34 +93,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Artisanal Methods",
|
||||
description: "Hand-crafted techniques ensure exceptional quality in every slice.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-cake-decorated-with-pink-macaroons-roses_8353-1358.jpg",
|
||||
imageAlt: "Delicious white cake decorated with pink macaroons and roses",
|
||||
},
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "Sourcing only the finest natural and fresh components.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-boho-ombre-cake-with-dry-flowers-white-table_181624-61824.jpg?_wi=2",
|
||||
imageAlt: "Delicious white cake decorated with pink macaroons and roses",
|
||||
},
|
||||
{
|
||||
title: "Bespoke Designs",
|
||||
description: "Tailored creations to match your unique event vision.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-cook-rolling-out-dough-with-flour-dark-surface_179666-44587.jpg",
|
||||
imageAlt: "Delicious white cake decorated with pink macaroons and roses",
|
||||
},
|
||||
{
|
||||
title: "Sustainability",
|
||||
description: "Committed to eco-friendly packaging and local sourcing.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-white-pastry-cream-plate-woman-hand-empty-notebook_140725-99964.jpg?_wi=2",
|
||||
imageAlt: "Delicious white cake decorated with pink macaroons and roses",
|
||||
},
|
||||
{ title: "Artisanal Methods", description: "Hand-crafted techniques ensure exceptional quality in every slice.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-cake-decorated-with-pink-macaroons-roses_8353-1358.jpg", imageAlt: "Delicious white cake decorated with pink macaroons and roses" },
|
||||
{ title: "Premium Ingredients", description: "Sourcing only the finest natural and fresh components.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-boho-ombre-cake-with-dry-flowers-white-table_181624-61824.jpg", imageAlt: "Delicious white cake decorated with pink macaroons and roses" },
|
||||
{ title: "Bespoke Designs", description: "Tailored creations to match your unique event vision.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-cook-rolling-out-dough-with-flour-dark-surface_179666-44587.jpg", imageAlt: "Delicious white cake decorated with pink macaroons and roses" },
|
||||
{ title: "Sustainability", description: "Committed to eco-friendly packaging and local sourcing.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-with-white-pastry-cream-plate-woman-hand-empty-notebook_140725-99964.jpg", imageAlt: "Delicious white cake decorated with pink macaroons and roses" }
|
||||
]}
|
||||
title="Our Philosophy"
|
||||
description="Quality, creativity, and precision define every product leaving our studio."
|
||||
@@ -221,21 +110,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Cakes Crafted",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1200+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Signature Recipes",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Cakes Crafted" },
|
||||
{ id: "m2", value: "1200+", description: "Happy Clients" },
|
||||
{ id: "m3", value: "15+", description: "Signature Recipes" }
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Celebrating our journey one creation at a time."
|
||||
@@ -248,60 +125,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Wedding Client",
|
||||
company: "Happy Bride",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc L.",
|
||||
role: "Corporate Event",
|
||||
company: "TechInnov",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-life-enjoyed-by-group-friends_23-2149402016.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "Birthday Parent",
|
||||
company: "Satisfied Parent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-worker-having-bouquet-client_23-2147761060.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David V.",
|
||||
role: "Gourmet Fan",
|
||||
company: "FoodieBlog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-round-cake-slice-it-inside-plate-with-notepad-bright-pink-desk-cake-pie-biscuit-sweet-bake_140725-40139.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julie M.",
|
||||
role: "Event Planner",
|
||||
company: "PlannerCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-girls-resting-party_176420-6169.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Wedding Client", company: "Happy Bride", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg" },
|
||||
{ id: "2", name: "Marc L.", role: "Corporate Event", company: "TechInnov", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/neighborhood-life-enjoyed-by-group-friends_23-2149402016.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "Birthday Parent", company: "Satisfied Parent", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-worker-having-bouquet-client_23-2147761060.jpg" },
|
||||
{ id: "4", name: "David V.", role: "Gourmet Fan", company: "FoodieBlog", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-round-cake-slice-it-inside-plate-with-notepad-bright-pink-desk-cake-pie-biscuit-sweet-bake_140725-40139.jpg" },
|
||||
{ id: "5", name: "Julie M.", role: "Event Planner", company: "PlannerCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-girls-resting-party_176420-6169.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "On-Time Delivery",
|
||||
},
|
||||
{ value: "4.9/5", label: "Average Rating" },
|
||||
{ value: "98%", label: "Satisfaction Rate" },
|
||||
{ value: "100%", label: "On-Time Delivery" }
|
||||
]}
|
||||
title="Loved By You"
|
||||
description="Our customers are the heartbeat of everything we do."
|
||||
@@ -313,21 +146,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How far in advance should I order?",
|
||||
content: "We recommend ordering at least 2 weeks in advance for bespoke cakes.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we provide safe delivery for all our creations across the city.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request custom flavors?",
|
||||
content: "Absolutely! Reach out to discuss your specific preferences.",
|
||||
},
|
||||
{ id: "f1", title: "How far in advance should I order?", content: "We recommend ordering at least 2 weeks in advance for bespoke cakes." },
|
||||
{ id: "f2", title: "Do you offer delivery?", content: "Yes, we provide safe delivery for all our creations across the city." },
|
||||
{ id: "f3", title: "Can I request custom flavors?", content: "Absolutely! Reach out to discuss your specific preferences." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/artisan-baker-his-bakery_23-2151961906.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -343,24 +164,10 @@ export default function LandingPage() {
|
||||
title="Let's Get Started"
|
||||
description="Have a project in mind? Contact us today to bring your cake vision to life."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your event details...",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your event details...", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-looking-turkish-sweets-shop_107420-94721.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -370,31 +177,17 @@ export default function LandingPage() {
|
||||
logoText="Temas Cake"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Custom Orders",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Shop", items: [
|
||||
{ label: "Collection", href: "#products" },
|
||||
{ label: "Custom Orders", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "FAQ", href: "#faq" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Temas Cake. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user