Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -9,6 +9,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import { Coffee, Flower, Armchair, Sun } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "#reserve",
|
||||
},
|
||||
name: "Reserve", id: "#reserve"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Cafe De Flora"
|
||||
/>
|
||||
@@ -56,107 +47,62 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Fall in love with flavours & flowers."
|
||||
description="Experience the charm of our Parisian-inspired cafe in the heart of New Delhi. A cozy sanctuary for coffee lovers, dreamers, and friends."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg?_wi=1",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg?_wi=2",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg?_wi=3",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg?_wi=4",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg?_wi=5",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg", imageAlt: "Cafe interior"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=1",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=2",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=3",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=4",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=5",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg", imageAlt: "Cafe interior"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Online", href: "#"},
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#reserve",
|
||||
},
|
||||
text: "Reserve a Table", href: "#reserve"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg",
|
||||
alt: "Visitor 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg", alt: "Visitor 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg",
|
||||
alt: "Visitor 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg", alt: "Visitor 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg",
|
||||
alt: "Visitor 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg", alt: "Visitor 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg",
|
||||
alt: "Visitor 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg", alt: "Visitor 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg",
|
||||
alt: "Visitor 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg", alt: "Visitor 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Artisan Beans",
|
||||
},
|
||||
type: "text", text: "Premium Artisan Beans"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Desserts",
|
||||
},
|
||||
type: "text", text: "Handcrafted Desserts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Parisian Ambiance",
|
||||
},
|
||||
type: "text", text: "Parisian Ambiance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cozy Floral Decor",
|
||||
},
|
||||
type: "text", text: "Cozy Floral Decor"},
|
||||
{
|
||||
type: "text",
|
||||
text: "New Delhi's Best Cafe",
|
||||
},
|
||||
type: "text", text: "New Delhi's Best Cafe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,15 +114,11 @@ export default function LandingPage() {
|
||||
description="Cafe De Flora is a woman-owned passion project designed to be your favorite neighborhood escape. We blend Parisian romance with New Delhi's vibrant culture, offering a quiet, cozy, and romantic space that is perfect for students, tourists, and families alike."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.3⭐",
|
||||
title: "Review Rating",
|
||||
},
|
||||
value: "4.3⭐", title: "Review Rating"},
|
||||
{
|
||||
value: "1900+",
|
||||
title: "Happy Guests",
|
||||
},
|
||||
value: "1900+", title: "Happy Guests"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -190,53 +132,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Coffee",
|
||||
name: "Espresso-ly for You",
|
||||
price: "₹159",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=6",
|
||||
},
|
||||
id: "1", brand: "Coffee", name: "Espresso-ly for You", price: "₹159", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Tea",
|
||||
name: "Moroccan Mint Tea",
|
||||
price: "₹149",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=7",
|
||||
},
|
||||
id: "2", brand: "Tea", name: "Moroccan Mint Tea", price: "₹149", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Smoothies",
|
||||
name: "Mango Banana Smoothie",
|
||||
price: "₹279",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=8",
|
||||
},
|
||||
id: "3", brand: "Smoothies", name: "Mango Banana Smoothie", price: "₹279", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Mocktails",
|
||||
name: "Flora Senorita",
|
||||
price: "₹249",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=9",
|
||||
},
|
||||
id: "4", brand: "Mocktails", name: "Flora Senorita", price: "₹249", rating: 5,
|
||||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Mojitos",
|
||||
name: "Classic Mint Mojito",
|
||||
price: "₹223",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=10",
|
||||
},
|
||||
id: "5", brand: "Mojitos", name: "Classic Mint Mojito", price: "₹223", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Spritzers",
|
||||
name: "Paris in Love",
|
||||
price: "₹249",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=11",
|
||||
},
|
||||
id: "6", brand: "Spritzers", name: "Paris in Love", price: "₹249", rating: 5,
|
||||
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="From handcrafted espressos to delicate floral teas and refreshing mocktails, discover our curated selection."
|
||||
@@ -251,28 +163,16 @@ export default function LandingPage() {
|
||||
description="More than just a coffee shop, we curate experiences that linger long after the last sip."
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Coffee",
|
||||
description: "Hand-picked beans roasted to perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg?_wi=12",
|
||||
buttonIcon: "Coffee",
|
||||
title: "Artisan Coffee", description: "Hand-picked beans roasted to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg", buttonIcon: Coffee,
|
||||
},
|
||||
{
|
||||
title: "Floral Decor",
|
||||
description: "Beautiful blooms in every corner of the cafe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg?_wi=6",
|
||||
buttonIcon: "Flower",
|
||||
title: "Floral Decor", description: "Beautiful blooms in every corner of the cafe.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg", buttonIcon: Flower,
|
||||
},
|
||||
{
|
||||
title: "Cozy Seating",
|
||||
description: "Comfortable corners for intimate conversations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg?_wi=2",
|
||||
buttonIcon: "Armchair",
|
||||
title: "Cozy Seating", description: "Comfortable corners for intimate conversations.", imageSrc: "http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg", buttonIcon: Armchair,
|
||||
},
|
||||
{
|
||||
title: "Outdoor Terrace",
|
||||
description: "Enjoy your latte in the fresh air of Santushti.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-restaurant_1339-2606.jpg",
|
||||
buttonIcon: "Sun",
|
||||
title: "Outdoor Terrace", description: "Enjoy your latte in the fresh air of Santushti.", imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-restaurant_1339-2606.jpg", buttonIcon: Sun,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -282,16 +182,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Booking"
|
||||
title="Reserve Your Table"
|
||||
description="Planning a romantic date or a casual brunch? Secure your spot at Cafe De Flora today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "https://wa.me/918882927513",
|
||||
},
|
||||
text: "Reserve Now", href: "https://wa.me/918882927513"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,29 +198,19 @@ export default function LandingPage() {
|
||||
logoText="Cafe De Flora"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "Shop No 24-25, Santushti Shopping Complex",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shop No 24-25, Santushti Shopping Complex", href: "#"},
|
||||
{
|
||||
label: "Opp. Samrat Hotel, New Delhi 110021",
|
||||
href: "#",
|
||||
},
|
||||
label: "Opp. Samrat Hotel, New Delhi 110021", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "+91 88829 27513",
|
||||
href: "tel:+918882927513",
|
||||
},
|
||||
label: "+91 88829 27513", href: "tel:+918882927513"},
|
||||
{
|
||||
label: "Open Daily until 9:30 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open Daily until 9:30 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user