Update src/app/page.tsx
This commit is contained in:
254
src/app/page.tsx
254
src/app/page.tsx
@@ -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: "Events",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="La Casa Bakery & Café"
|
||||
/>
|
||||
@@ -54,43 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Where Every Visit Becomes a Memory"
|
||||
description="Indulge in our cozy, retro-inspired café. From artisanal pizzas and decadent shakes to creative painting sessions, find your perfect hangout spot."
|
||||
tag="Welcome to La Casa"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919999999999",
|
||||
},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+919999999999" },
|
||||
{ text: "Book a Table", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg?_wi=1",
|
||||
imageAlt: "La Casa Cozy Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg",
|
||||
imageAlt: "La Casa Bakery Spread",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg",
|
||||
imageAlt: "Handsome guy hugging young cheerful lady at table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
|
||||
imageAlt: "Two men in cafe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg",
|
||||
imageAlt: "Cafe with burning candles on the tables",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg", imageAlt: "La Casa Cozy Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg", imageAlt: "La Casa Bakery Spread" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,20 +66,11 @@ export default function LandingPage() {
|
||||
title="A Community Space for Creativity"
|
||||
description="At La Casa, we believe in bringing people together. Whether you are painting a masterpiece, celebrating a birthday, or just unwinding with an avocado milkshake, our doors are always open."
|
||||
metrics={[
|
||||
{
|
||||
value: "50+",
|
||||
title: "Events Hosted",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Cozy Vibes",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Creativity",
|
||||
},
|
||||
{ value: "50+", title: "Events Hosted" },
|
||||
{ value: "100%", title: "Cozy Vibes" },
|
||||
{ value: "24/7", title: "Creativity" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-women-kitchen-front-view_23-2150014850.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiley-women-kitchen-front-view_23-2150014850.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -130,48 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Artisan Pizza",
|
||||
price: "₹399",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-eating-dish-poutine_23-2149486021.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Nutella Shake",
|
||||
price: "₹199",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-croissant-with-ham-cheese-wooden-board_613910-6444.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cheesecake",
|
||||
price: "₹249",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-cake-with-cup-hot-coffee-coffee-shop_1150-6437.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Avocado Milkshake",
|
||||
price: "₹219",
|
||||
variant: "Healthy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-avocado-smoothies_23-2148574157.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Crispy Fries",
|
||||
price: "₹149",
|
||||
variant: "Side",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-onion-rings-fries_23-2148272991.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bakery Pastry",
|
||||
price: "₹129",
|
||||
variant: "Bakery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-strawberry-cheesecake-white-plate_181624-27674.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Artisan Pizza", price: "₹399", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-eating-dish-poutine_23-2149486021.jpg" },
|
||||
{ id: "p2", name: "Nutella Shake", price: "₹199", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-croissant-with-ham-cheese-wooden-board_613910-6444.jpg" },
|
||||
{ id: "p3", name: "Cheesecake", price: "₹249", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/cheese-cake-with-cup-hot-coffee-coffee-shop_1150-6437.jpg" },
|
||||
{ id: "p4", name: "Avocado Milkshake", price: "₹219", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-avocado-smoothies_23-2148574157.jpg" },
|
||||
{ id: "p5", name: "Crispy Fries", price: "₹149", variant: "Side", imageSrc: "http://img.b2bpic.net/free-photo/top-view-onion-rings-fries_23-2148272991.jpg" },
|
||||
{ id: "p6", name: "Bakery Pastry", price: "₹129", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-strawberry-cheesecake-white-plate_181624-27674.jpg" },
|
||||
]}
|
||||
title="Our Must-Try Favorites"
|
||||
description="Handcrafted food and beverages prepared with love and quality ingredients."
|
||||
@@ -185,49 +102,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Birthday Parties",
|
||||
description: "Custom decor and a perfect space to celebrate.",
|
||||
icon: Sparkles,
|
||||
title: "Birthday Parties", description: "Custom decor and a perfect space to celebrate.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-124749.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-living-room-decorated-by-boyfriend-with-valentine-day-romantic-presents-girlfriend-celebrate-romance-anniversary-home-living-room-with-red-roses-table-concept-valentines-gift_482257-35456.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-124749.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-living-room-decorated-by-boyfriend-with-valentine-day-romantic-presents-girlfriend-celebrate-romance-anniversary-home-living-room-with-red-roses-table-concept-valentines-gift_482257-35456.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg?_wi=2",
|
||||
imageAlt: "birthday celebration cafe decor",
|
||||
},
|
||||
{
|
||||
title: "Painting Sessions",
|
||||
description: "Unleash your inner artist with friends.",
|
||||
icon: Palette,
|
||||
title: "Painting Sessions", description: "Unleash your inner artist with friends.", icon: Palette,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcakes-still-life_23-2150154638.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-drinks-bar_23-2147859498.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcakes-still-life_23-2150154638.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-drinks-bar_23-2147859498.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-kitchen-front-view_23-2150014850.jpg?_wi=2",
|
||||
imageAlt: "birthday celebration cafe decor",
|
||||
},
|
||||
{
|
||||
title: "Private Hangouts",
|
||||
description: "Perfect for game nights and casual gatherings.",
|
||||
icon: Coffee,
|
||||
title: "Private Hangouts", description: "Perfect for game nights and casual gatherings.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-ladies-guys-holding-burning-bengal-lights-bottle-glass-drink_23-2147989889.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oil-paint-tubes-painting_23-2149537671.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-ladies-guys-holding-burning-bengal-lights-bottle-glass-drink_23-2147989889.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/oil-paint-tubes-painting_23-2149537671.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-eating-dish-poutine_23-2149486021.jpg?_wi=2",
|
||||
imageAlt: "birthday celebration cafe decor",
|
||||
},
|
||||
]}
|
||||
title="Celebrate Your Moments"
|
||||
@@ -239,31 +132,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cake-sliced-with-cup-tea-lemon-cinnamon-pink-surface_140725-49861.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-woman-talking-phone-cafe_197531-33569.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-cooks-dough-cookies-kitchen_1157-25234.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-happy-female-male-glad-surprised-get-permission-from-fitness-trainer-eat-tasty-cake_273609-27366.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-laptop-cafe_1303-20070.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cake-sliced-with-cup-tea-lemon-cinnamon-pink-surface_140725-49861.jpg" },
|
||||
{ id: "t2", name: "Mike R.", imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-woman-talking-phone-cafe_197531-33569.jpg" },
|
||||
{ id: "t3", name: "Emily K.", imageSrc: "http://img.b2bpic.net/free-photo/family-cooks-dough-cookies-kitchen_1157-25234.jpg" },
|
||||
{ id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/headshot-happy-female-male-glad-surprised-get-permission-from-fitness-trainer-eat-tasty-cake_273609-27366.jpg" },
|
||||
{ id: "t5", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-laptop-cafe_1303-20070.jpg" },
|
||||
]}
|
||||
cardTitle="Loved by Our Community"
|
||||
cardTag="Reviews"
|
||||
@@ -276,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "For events and parties, we recommend booking 2-3 days in advance.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I bring my own paint?",
|
||||
content: "We provide all supplies for our painting sessions.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you pet-friendly?",
|
||||
content: "Yes, we love furry friends!",
|
||||
},
|
||||
{ id: "f1", title: "Do I need to book in advance?", content: "For events and parties, we recommend booking 2-3 days in advance." },
|
||||
{ id: "f2", title: "Can I bring my own paint?", content: "We provide all supplies for our painting sessions." },
|
||||
{ id: "f3", title: "Are you pet-friendly?", content: "Yes, we love furry friends!" },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions? We're happy to answer."
|
||||
@@ -304,21 +165,10 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Have a query or want to plan an event? Fill in the form and we'll be in touch."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your event details or inquiry",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your event details or inquiry" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adorable-couple-sitting-cafe_23-2148422331.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -329,29 +179,15 @@ export default function LandingPage() {
|
||||
logoText="La Casa Bakery & Café"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#events",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Menu", href: "#products" },
|
||||
{ label: "Events", href: "#events" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/919999999999",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/919999999999" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user