Merge version_1 into main #5
@@ -7,7 +7,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import { Sparkles, Cake, Leaf, Palmtree, Flower, Cupcake, CalendarCheck, Cookie, CandyCane, HeartHandshake } from "lucide-react";
|
||||
import { Sparkles, Cake, Leaf, Palmtree, Flower, CalendarCheck, Cookie, CandyCane, HeartHandshake } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -36,7 +36,7 @@ export default function LandingPage() {
|
||||
{
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
name: "Contact", id: "/contact"}
|
||||
]}
|
||||
brandName="Miami.Cakes"
|
||||
button={{
|
||||
@@ -57,7 +57,7 @@ export default function LandingPage() {
|
||||
{
|
||||
text: "Order Now", href: "/order"},
|
||||
{
|
||||
text: "Get a Custom Quote", href: "/contact"},
|
||||
text: "Get a Custom Quote", href: "/contact"}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -83,7 +83,7 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "cake-5", name: "Red Velvet Romance", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-red-velvet-cake_23-2149021422.jpg", imageAlt: "Red Velvet Romance Cake"},
|
||||
{
|
||||
id: "cake-6", name: "Coconut Lime Cloud", price: "$72.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-cake-with-flowers_23-2149175276.jpg", imageAlt: "Coconut Lime Cloud Cake"},
|
||||
id: "cake-6", name: "Coconut Lime Cloud", price: "$72.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-cake-with-flowers_23-2149175276.jpg", imageAlt: "Coconut Lime Cloud Cake"}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,7 +103,7 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
id: "2", name: "David L.", handle: "@EventPlannerDave", testimonial: "As an event planner, I work with many vendors, and Miami.Cakes consistently exceeds expectations. Their attention to detail and ability to bring complex designs to life is unmatched. Highly recommend!", rating: 5,
|
||||
icon: Cupcake
|
||||
icon: Cake
|
||||
},
|
||||
{
|
||||
id: "3", name: "Jessica M.", handle: "@BirthdayBashJess", testimonial: "Ordered a custom birthday cake for my daughter, and it was perfect! Not only beautiful but incredibly tasty. The process was smooth, and delivery was on time. Will definitely order again!", rating: 5,
|
||||
@@ -120,7 +120,7 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "6", name: "Carlos V.", handle: "@MiamiGroom", testimonial: "Our experience with Miami.Cakes for our engagement party cake was fantastic. They were so accommodating with our design ideas, and the cake tasted as good as it looked!", rating: 5,
|
||||
icon: HeartHandshake
|
||||
},
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,8 +137,8 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "Birthday Cakes", href: "/menu"},
|
||||
{
|
||||
label: "Cupcakes", href: "/menu"},
|
||||
],
|
||||
label: "Cupcakes", href: "/menu"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
@@ -147,17 +147,17 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
label: "Contact", href: "/contact"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
{
|
||||
label: "Terms of Service", href: "/terms"},
|
||||
],
|
||||
},
|
||||
label: "Terms of Service", href: "/terms"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Miami.Cakes"
|
||||
copyrightText="© 2024 Miami.Cakes. All rights reserved."
|
||||
|
||||
@@ -2,19 +2,19 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import { ShoppingCart } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function OrderPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="large"
|
||||
background="grid"
|
||||
cardStyle="subtle-shadow"
|
||||
@@ -23,221 +23,64 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Miami.Cakes"
|
||||
button={{
|
||||
text: "Order Your Cake",
|
||||
href: "/order",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Contact", id: "/contact"}
|
||||
]}
|
||||
brandName="Miami.Cakes"
|
||||
button={{
|
||||
text: "Order Your Cake", href: "/order"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order-form" data-section="order-form">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Order Your Custom Cake"
|
||||
description="Tell us about your dream cake! Fill out the form below with as much detail as possible, and our team will get back to you with a personalized quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Your Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (Optional)",
|
||||
},
|
||||
{
|
||||
name: "eventDate",
|
||||
type: "date",
|
||||
placeholder: "Event Date",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "servings",
|
||||
type: "number",
|
||||
placeholder: "Number of Servings",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "theme",
|
||||
type: "text",
|
||||
placeholder: "Theme/Occasion",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Describe your dream cake (colors, flavors, specific designs, etc.)",
|
||||
rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/food-dessert-representative-elements_23-2149177030.jpg?_wi=3"
|
||||
imageAlt="Delicious custom cake with unique artistic design elements."
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Submit Order Request"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero-order" data-section="hero-order">
|
||||
<HeroSplit
|
||||
title="Place Your Order"
|
||||
description="Tell us about your dream cake and we'll bring it to life! Fill out the form below to get started."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-table-full-desserts-with-cupcakes_23-2149514681.jpg"
|
||||
imageAlt="Cake ordering form"
|
||||
mediaAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imagePosition="right"
|
||||
buttons={[{ text: "View Menu", href: "/menu" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order-process" data-section="order-process">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Consultation & Design",
|
||||
description: "Share your vision with us! We'll discuss your event, desired flavors, and design elements to craft a unique concept.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cook-whisking-mixture-bowl_23-2148485370.jpg?_wi=3",
|
||||
imageAlt: "Baker sketching cake design",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Baking & Decoration",
|
||||
description: "Our skilled bakers and decorators bring your design to life using the finest ingredients and artistic techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overloaded-cake-with-cloth-flowers_23-2150996261.jpg?_wi=2",
|
||||
imageAlt: "Decorating a beautiful custom cake",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Delivery & Setup",
|
||||
description: "Your masterpiece is carefully delivered and set up at your venue, ensuring it looks perfect for your celebration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/new-year-2023-landing-page-template_23-2149928558.jpg",
|
||||
imageAlt: "Cake being delivered to an event",
|
||||
},
|
||||
]}
|
||||
title="Our Custom Cake Creation Process"
|
||||
description="From your initial idea to the final delicious delivery, we ensure a seamless and joyful experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="cta-order-form" data-section="cta-order-form">
|
||||
<ContactCenter
|
||||
tag="Custom Order"
|
||||
title="Let's Create Something Special"
|
||||
description="Provide us with details about your event, desired flavors, design, and quantity. Our team will get back to you with a custom quote."
|
||||
background={{ variant: "animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Your email"
|
||||
buttonText="Submit Order Request"
|
||||
termsText="By submitting, you agree to our terms and conditions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order-faq" data-section="order-faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the typical lead time for custom orders?",
|
||||
content: "We require a minimum of 2-4 weeks notice for most custom cakes. Larger or more intricate designs, especially wedding cakes, may require 3-6 months. We recommend booking as early as possible to secure your date.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you require a deposit?",
|
||||
content: "Yes, a 50% non-refundable deposit is required to confirm your order and secure your date. The remaining balance is due one week prior to your event.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I make changes to my order after it's placed?",
|
||||
content: "Minor changes to flavor or design may be possible up to two weeks before your event, subject to approval and potential additional costs. Major changes may not be accommodated.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major credit cards (Visa, MasterCard, American Express) and bank transfers. All payments are processed securely.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions About Ordering"
|
||||
description="Find answers to common questions regarding our custom cake ordering process, lead times, and payment details."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Custom Cakes",
|
||||
href: "/order",
|
||||
},
|
||||
{
|
||||
label: "Wedding Cakes",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Birthday Cakes",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Cupcakes",
|
||||
href: "/menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/terms",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Miami.Cakes"
|
||||
copyrightText="© 2024 Miami.Cakes. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Custom Cakes", href: "/order" }, { label: "Wedding Cakes", href: "/menu" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
logoText="Miami.Cakes"
|
||||
copyrightText="© 2024 Miami.Cakes. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user