Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bac4c115af | |||
| 5134390b63 | |||
| f852abf321 | |||
| 9ea600c37a | |||
| 9811df694a | |||
| 3be9d40d1e | |||
| 7aa4626944 | |||
| 4cee4a519c |
161
src/app/page.tsx
161
src/app/page.tsx
@@ -15,6 +15,10 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
import { Award, Coffee, Smile } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const handleCall = () => {
|
||||
window.location.href = "tel:0742072028";
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -32,18 +36,20 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Menu", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Cookies", id: "products" },
|
||||
{ name: "Brownies", id: "products" },
|
||||
{ name: "Coffee", id: "products" },
|
||||
{ name: "Iced Coffee", id: "products" },
|
||||
{ name: "Falooda", id: "products" },
|
||||
{ name: "Chocolate Croissants", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cupcakery Bakery"
|
||||
button={{
|
||||
text: "Call Now", href: "tel:0742072028"}}
|
||||
text: "Call Now", onClick: handleCall
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -52,24 +58,13 @@ export default function LandingPage() {
|
||||
logoText="Cupcakery Bakery"
|
||||
description="Premium catering & delivery. Indulge in our exquisite cookies, brownies, croissants, and specialty coffees, delivered straight to you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now", href: "#products"},
|
||||
{
|
||||
text: "Call Us: 074 207 2028", href: "tel:0742072028"},
|
||||
{ text: "Order Now", href: "#products" },
|
||||
{ text: "Call Us: 074 207 2028", onClick: handleCall },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-cake-glass-composition_23-2149030803.jpg", imageAlt: "luxury cupcake display background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-cupcake-with-glaze-flower_1304-3184.jpg", imageAlt: "gourmet chocolate cupcake close up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-fresh-homemade-croissant-pine-cone-grey-background_114579-58974.jpg", imageAlt: "delicious flaky croissant bakery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/backed-christmas-cookies-assortment_23-2148738671.jpg", imageAlt: "warm chocolate chip cookies tray"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg", imageAlt: "creamy iced coffee glass drink"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mocca-coffee-shop_1339-4899.jpg", imageAlt: "rich cappuccino coffee foam"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DWxDUXj8K89bTUE5cWBdlXCiiL/uploaded-1778412725055-7296vjwz.png", imageAlt: "Cupcakery Bakery Logo" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tasty-cake-glass-composition_23-2149030803.jpg", imageAlt: "luxury cupcake display background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-cupcake-with-glaze-flower_1304-3184.jpg", imageAlt: "gourmet chocolate cupcake close up" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -80,8 +75,7 @@ export default function LandingPage() {
|
||||
title="Crafted with Love"
|
||||
description="At Cupcakery Bakery, we believe that every bite tells a story. Specializing in high-end catering and convenient delivery, we bring our artisanal baked goods and barista-crafted coffees directly to your event or home. From velvety milk coffee to our signature mini cupcakes, we curate experiences that delight the senses."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More", href: "#"},
|
||||
{ text: "Learn More", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-holding-mixing-bowl-bakery_23-2148189077.jpg"
|
||||
imageAlt="baking process artisanal cookies"
|
||||
@@ -94,24 +88,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Catering", description: "Elevated dessert platters for every corporate or social occasion.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-arrangement_23-2149182263.jpg", imageAlt: "catering service delivery box"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-red-sweets-served-box-candy-bar_8353-8475.jpg", imageAlt: "catering service delivery box"},
|
||||
},
|
||||
{
|
||||
title: "Coffee Delivery", description: "Barista-grade coffee delivered hot or iced to your doorstep.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cutting-board-with-tasty-breakfast-with-pancakes-croisasant-stacked-cookies-beautiful-gift-boxes-coffee-dark-surface_140725-94999.jpg", imageAlt: "coffee and cupcakes delivery"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-yellow-uniform-holding-plastic-brown-coffee-cups-dark-pink-background-job-uniform-delivery-color-service-worker_140725-36474.jpg", imageAlt: "coffee and cupcakes delivery"},
|
||||
},
|
||||
{
|
||||
title: "Artisanal Selection", description: "Handcrafted cookies, brownies, and cupcakes with premium ingredients.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-cookies-dark-surface_176474-608.jpg", imageAlt: "fresh brownies and cookies selection"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-cutting-board-full-cookies-chocolates_114579-22223.jpg", imageAlt: "fresh brownies and cookies selection"},
|
||||
},
|
||||
{ title: "Premium Catering", description: "Elevated dessert platters for every corporate or social occasion.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-arrangement_23-2149182263.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/green-red-sweets-served-box-candy-bar_8353-8475.jpg" } },
|
||||
{ title: "Coffee Delivery", description: "Barista-grade coffee delivered hot or iced to your doorstep.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-cutting-board-with-tasty-breakfast-with-pancakes-croisasant-stacked-cookies-beautiful-gift-boxes-coffee-dark-surface_140725-94999.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-yellow-uniform-holding-plastic-brown-coffee-cups-dark-pink-background-job-uniform-delivery-color-service-worker_140725-36474.jpg" } },
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Why Choose Us"
|
||||
@@ -126,27 +104,18 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Bakery", name: "Signature Cupcakes", price: "$4.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chocolate-muffin-wooden-cutting-board_140725-10234.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Bakery", name: "Buttery Croissants", price: "$3.75", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissants-with-raspberry-jam-raspberry-fruits_114579-11666.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Bakery", name: "Gourmet Cookies", price: "$2.50", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-biscuits-wooden-board-with-blueberries_114579-88978.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Coffee", name: "Iced Coffee", price: "$5.00", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/fresh-frappe-assortment-white-table_23-2148623249.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Coffee", name: "Signature Cappuccino", price: "$4.50", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/various-types-coffee-glass-containers-front-view_23-2148441204.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Bakery", name: "Chocolate Brownies", price: "$3.50", rating: 4,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-freshly-baked-brownies-wooden-board_181624-23397.jpg"},
|
||||
{ id: "p1", brand: "Bakery", name: "Cookies", price: "RS. 50", rating: 5, reviewCount: "100", imageSrc: "https://images.unsplash.com/photo-1499636136210-6f4ee915583e?q=80&w=300" },
|
||||
{ id: "p2", brand: "Bakery", name: "Brownies", price: "RS. 70", rating: 5, reviewCount: "90", imageSrc: "https://images.unsplash.com/photo-1606313564200-e75d5e30475c?q=80&w=300" },
|
||||
{ id: "p3", brand: "Bakery", name: "Croissants", price: "RS. 80", rating: 5, reviewCount: "75", imageSrc: "https://images.unsplash.com/photo-1555507036-ab1f4038808a?q=80&w=300" },
|
||||
{ id: "p4", brand: "Cafe", name: "Iced Coffee", price: "RS. 150", rating: 4, reviewCount: "200", imageSrc: "https://images.unsplash.com/photo-1517701604599-b27474a59029?q=80&w=300" },
|
||||
{ id: "p5", brand: "Cafe", name: "Coffee", price: "RS. 120", rating: 5, reviewCount: "150", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=300" },
|
||||
{ id: "p6", brand: "Cafe", name: "Cappuccino", price: "RS. 180", rating: 5, reviewCount: "130", imageSrc: "https://images.unsplash.com/photo-1572442388796-11668a67e53d?q=80&w=300" },
|
||||
{ id: "p7", brand: "Cafe", name: "Milk Coffee", price: "RS. 140", rating: 4, reviewCount: "110", imageSrc: "https://images.unsplash.com/photo-1585494424658-27d7d0801626?q=80&w=300" },
|
||||
{ id: "p8", brand: "Bakery", name: "Cupcakes", price: "RS. 100", rating: 5, reviewCount: "200", imageSrc: "https://images.unsplash.com/photo-1587668132962-ce406180373e?q=80&w=300" },
|
||||
{ id: "p9", brand: "Bakery", name: "Mini Cupcakes", price: "RS. 60", rating: 5, reviewCount: "80", imageSrc: "https://images.unsplash.com/photo-1614833983226-25807916e4b8?q=80&w=300" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Freshly baked delights for your indulgence."
|
||||
description="Freshly baked delights and artisanal coffees."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -157,15 +126,8 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "500+", title: "Catering Events", description: "Successful events served.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "10k+", title: "Cups Served", description: "Barista-crafted coffees.", icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "25k+", title: "Treats Delivered", description: "Happiness delivered daily.", icon: Smile,
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Catering Events", description: "Successful events served.", icon: Award },
|
||||
{ id: "m2", value: "10k+", title: "Cups Served", description: "Barista-crafted coffees.", icon: Coffee },
|
||||
]}
|
||||
title="Our Success"
|
||||
description="Quality defined by numbers."
|
||||
@@ -178,18 +140,7 @@ export default function LandingPage() {
|
||||
testimonial="The catering service from Cupcakery Bakery is absolutely unparalleled. Their cupcakes are always the highlight of our corporate events!"
|
||||
rating={5}
|
||||
author="Sarah J., Corporate Event Planner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-girl-with-curly-hair-drinking-coffee-writing-notes_7502-9175.jpg", alt: "happy customer cupcake catering"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-funny-afro-american-woman-keeps-sweet-purple-donuts-eyes-has-fun-indoor-with-tasty-dessert-wears-pink-clothes-isolated-violet-background-dieting-junk-food-weight-loss-concept_273609-32445.jpg", alt: "delighted customer holding pastry"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colleagues-having-lunch-talking_259150-58582.jpg", alt: "satisfied catering event client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-creamy-delicious-cakes-with-sliced-strawberries-white-surface-birthday-tea-biscuit-sweet-cake-cream_140725-101668.jpg", alt: "smiling coffee shop regular patron"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-eating-snacks-buffet-reception_1262-2006.jpg", alt: "delighted event catering client"},
|
||||
]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/smiling-girl-with-curly-hair-drinking-coffee-writing-notes_7502-9175.jpg", alt: "happy customer cupcake catering" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -199,14 +150,7 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you offer delivery?", content: "Yes, we provide doorstep delivery for all orders."},
|
||||
{
|
||||
id: "f2", title: "Can you handle large catering?", content: "Absolutely! We specialize in catering for corporate and private events."},
|
||||
{
|
||||
id: "f3", title: "Are your ingredients fresh?", content: "We use only premium, fresh ingredients in all our baked goods."},
|
||||
]}
|
||||
faqs={[{ id: "f1", title: "Do you offer delivery?", content: "Yes, we provide doorstep delivery for all orders." }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-female-courier-green-uniform-cape-holding-delivery-coffee-cups-posing-thinking-pink-wall-service-uniform-delivery_140725-39688.jpg"
|
||||
title="Bakery FAQ"
|
||||
description="Common questions about our catering and delivery."
|
||||
@@ -222,16 +166,10 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Request a quote for your next event or ask about our daily delivery slots."
|
||||
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: "What are you planning?", required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "What are you planning?", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-courier-blue-uniform-holding-delivery-cups-coffee-using-her-phone-pink-service-worker-uniform-delivery_140725-36844.jpg"
|
||||
imageAlt="bakery contact catering inquiry"
|
||||
/>
|
||||
@@ -240,24 +178,7 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Cupcakery Bakery"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Delivery Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[{ title: "Company", items: [{ label: "About Us", href: "#about" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #8b4513;
|
||||
--background: #fdf7f2;
|
||||
--card: #fbf2eb;
|
||||
--foreground: #4a3b34;
|
||||
--primary-cta: #d68a9b;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #fdf7f2;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #ff69b4;
|
||||
--background-accent: #87ceeb;
|
||||
--accent: #f3cdd4;
|
||||
--background-accent: #fbe2e8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user