Merge version_1 into main #1
306
src/app/page.tsx
306
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tea Villa Cafe"
|
||||
/>
|
||||
@@ -59,62 +44,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Where Colonial Elegance Meets Modern Serenity"
|
||||
description="Experience Tea Villa—a sanctuary of pastel luxury, gourmet vegetarian cuisine, and Instagram-perfect moments nestled in Jayanagar's heart. Every corner whispers romance; every cup tells a story."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-two-couches-near-window_140725-8459.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698382.jpg",
|
||||
alt: "Rustic deck",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501041.jpg",
|
||||
alt: "Cosmetology equipment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-modern-home-interior-with-comfortable-furniture-generated-by-ai_188544-38262.jpg",
|
||||
alt: "Luxury modern home",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929524.jpg",
|
||||
alt: "Modern interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg",
|
||||
alt: "Coffee cup",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698382.jpg", alt: "Rustic deck" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501041.jpg", alt: "Cosmetology equipment" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-modern-home-interior-with-comfortable-furniture-generated-by-ai_188544-38262.jpg", alt: "Luxury modern home" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929524.jpg", alt: "Modern interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cup-with-delicious-coffee-table_23-2149703755.jpg", alt: "Coffee cup" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Pure Vegetarian",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Romantic Ambiance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Signature Teas",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Dining",
|
||||
},
|
||||
{ type: "text", text: "Pure Vegetarian" },
|
||||
{ type: "text", text: "Artisan Coffee" },
|
||||
{ type: "text", text: "Romantic Ambiance" },
|
||||
{ type: "text", text: "Signature Teas" },
|
||||
{ type: "text", text: "Gourmet Dining" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,14 +71,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Sanctuary of Taste",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/autumn-still-life-with-candle-jar-plants_23-2151965497.jpg",
|
||||
},
|
||||
{ type: "text", content: "A Sanctuary of Taste" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/autumn-still-life-with-candle-jar-plants_23-2151965497.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,27 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Gourmet Vegetarian Cuisine",
|
||||
description: "Artisan dishes crafted with locally sourced, fresh ingredients.",
|
||||
tag: "Culinary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-teriyaki-sauce-lettuce-leaf-with-red-cabbage-salad-lemon_114579-3571.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Cozy Remote Workspaces",
|
||||
description: "Peaceful corners designed for inspiration and productivity.",
|
||||
tag: "Work",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Instagram-Perfect Ambiance",
|
||||
description: "Colonial-style aesthetics curated for your next post.",
|
||||
tag: "Social",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_107420-12342.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Gourmet Vegetarian Cuisine", description: "Artisan dishes crafted with locally sourced, fresh ingredients.", tag: "Culinary", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-teriyaki-sauce-lettuce-leaf-with-red-cabbage-salad-lemon_114579-3571.jpg" },
|
||||
{ id: "f2", title: "Cozy Remote Workspaces", description: "Peaceful corners designed for inspiration and productivity.", tag: "Work", imageSrc: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg" },
|
||||
{ id: "f3", title: "Instagram-Perfect Ambiance", description: "Colonial-style aesthetics curated for your next post.", tag: "Social", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-mobile-phone_107420-12342.jpg" },
|
||||
]}
|
||||
title="Crafted Experiences"
|
||||
description="Beyond coffee—discover the essence of calm and culinary excellence."
|
||||
@@ -172,56 +96,15 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Artisan Truffle Pasta",
|
||||
brand: "Gourmet",
|
||||
price: "₹450",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-pasta-with-pesto-plate_1220-3607.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Earl Grey",
|
||||
brand: "Specialty",
|
||||
price: "₹250",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-teapot-flowers_169016-52019.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wild Berry Tart",
|
||||
brand: "Dessert",
|
||||
price: "₹320",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-concept_23-2148578400.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Quinoa Garden Bowl",
|
||||
brand: "Healthy",
|
||||
price: "₹390",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-vegetables-assortment-wooden-background_23-2148655358.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hibiscus Infusion",
|
||||
brand: "Signature",
|
||||
price: "₹280",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-milkshake_23-2148296123.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Garden Antipasti",
|
||||
brand: "Appetizer",
|
||||
price: "₹550",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-red-smoked-fish-sandwich-with-sour-cream-corn-sauce-tray_140725-13975.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Artisan Truffle Pasta", brand: "Gourmet", price: "₹450", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-pasta-with-pesto-plate_1220-3607.jpg" },
|
||||
{ id: "p2", name: "Signature Earl Grey", brand: "Specialty", price: "₹250", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-teapot-flowers_169016-52019.jpg" },
|
||||
{ id: "p3", name: "Wild Berry Tart", brand: "Dessert", price: "₹320", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-concept_23-2148578400.jpg" },
|
||||
{ id: "p4", name: "Quinoa Garden Bowl", brand: "Healthy", price: "₹390", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-vegetables-assortment-wooden-background_23-2148655358.jpg" },
|
||||
{ id: "p5", name: "Hibiscus Infusion", brand: "Signature", price: "₹280", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-milkshake_23-2148296123.jpg" },
|
||||
{ id: "p6", name: "Garden Antipasti", brand: "Appetizer", price: "₹550", rating: 4, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/side-view-red-smoked-fish-sandwich-with-sour-cream-corn-sauce-tray_140725-13975.jpg" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Indulge in a curated selection of fine vegetarian offerings."
|
||||
@@ -235,27 +118,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Guests",
|
||||
description: "Served with passion.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Tea Blends",
|
||||
description: "Handcrafted for perfection.",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "Star Rating",
|
||||
description: "Loved by Jayanagar.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "10k+", title: "Happy Guests", description: "Served with passion.", icon: Users },
|
||||
{ id: "m2", value: "50+", title: "Tea Blends", description: "Handcrafted for perfection.", icon: Coffee },
|
||||
{ id: "m3", value: "4.9", title: "Star Rating", description: "Loved by Jayanagar.", icon: Star },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="More than just a cafe—we are building a community."
|
||||
@@ -265,36 +130,16 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-smiling-holding-grapefruit-peace-white-wall-healthy-fitness-nutrition_176420-10123.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-redhead-female-drinks-coffee-cafe_613910-10430.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wife-husband-look-phone-while-having-dinner-hipster-pub_482257-18636.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Priya V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-guy-glasses-sits-cafe-shows-peace-sign-laptop-camera-video-chats-connects_1258-314853.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg" },
|
||||
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-smiling-holding-grapefruit-peace-white-wall-healthy-fitness-nutrition_176420-10123.jpg" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-redhead-female-drinks-coffee-cafe_613910-10430.jpg" },
|
||||
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wife-husband-look-phone-while-having-dinner-hipster-pub_482257-18636.jpg" },
|
||||
{ id: "5", name: "Priya V.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-guy-glasses-sits-cafe-shows-peace-sign-laptop-camera-video-chats-connects_1258-314853.jpg" },
|
||||
]}
|
||||
cardTitle="What Guests Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -302,91 +147,36 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the menu entirely vegetarian?",
|
||||
content: "Yes, we are a 100% pure vegetarian establishment.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer reservations?",
|
||||
content: "Yes, we recommend booking in advance for weekend visits.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is WiFi available?",
|
||||
content: "We offer complimentary high-speed WiFi for all guests.",
|
||||
},
|
||||
{ id: "q1", title: "Is the menu entirely vegetarian?", content: "Yes, we are a 100% pure vegetarian establishment." },
|
||||
{ id: "q2", title: "Do you offer reservations?", content: "Yes, we recommend booking in advance for weekend visits." },
|
||||
{ id: "q3", title: "Is WiFi available?", content: "We offer complimentary high-speed WiFi for all guests." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our cafe."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064696.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready to Experience Serenity?"
|
||||
description="Book your table and immerse yourself in the Tea Villa ambiance today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Tea Villa Cafe Jayanagar."
|
||||
bottomRightText="All Rights Reserved."
|
||||
|
||||
Reference in New Issue
Block a user