188 lines
8.6 KiB
TypeScript
188 lines
8.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Coffee, Star, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Location", id: "location" }
|
|
]}
|
|
brandName="Cafe Connection"
|
|
button={{ text: "Order Now", href: "https://wa.me/918200443850" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Your Favorite Cozy Café in Vastral"
|
|
description="Great food, great vibes, and the perfect place to connect with friends and family."
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+918200443850" },
|
|
{ text: "Get Directions", href: "https://maps.app.goo.gl/CafeConnectionVastral" },
|
|
{ text: "WhatsApp Order", href: "https://wa.me/918200443850" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg", alt: "Happy customer" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Happy customer" },
|
|
{ src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", alt: "Happy customer" },
|
|
{ src: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3216.jpg", alt: "Happy customer" },
|
|
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2622.jpg", alt: "Happy customer" }
|
|
]}
|
|
avatarText="Join our community of coffee lovers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Built for Connection"
|
|
description="Cafe Connection is your local spot in Vastral, Ahmedabad. We combine great coffee, fresh fast-food favorites, and a warm atmosphere to create the perfect hangout for students and families alike."
|
|
bulletPoints={[
|
|
{ title: "Cozy Ambience", description: "Relax in our comfortable seating area." },
|
|
{ title: "Fresh & Local", description: "Ingredients sourced fresh daily." },
|
|
{ title: "Affordable Prices", description: "Great quality that fits your budget." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-red-sweater-lady-drinks-coffee_1157-40771.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "Gourmet Burger", price: "₹150", imageSrc: "http://img.b2bpic.net/free-photo/beef-burger-served-with-french-fries-ketchup-mayonnaise_140725-6492.jpg" },
|
|
{ id: "2", name: "Classic Pizza", price: "₹250", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-wooden-cutting-board-dark-blue-surface-with-free-space_179666-42205.jpg" },
|
|
{ id: "3", name: "Pasta Arrabbiata", price: "₹200", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-plate-pasta-appetizing-pasta-with-meat-herbs-onion-green-ball-pepper-purple-tablecloth_140725-111464.jpg" },
|
|
{ id: "4", name: "Club Sandwich", price: "₹120", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-sandwich-with-salad-tomatoes-wooden-table-surface_613910-7407.jpg" },
|
|
{ id: "5", name: "Latte Art", price: "₹90", imageSrc: "http://img.b2bpic.net/free-photo/close-up-espresso-pouring-into-coffee-cup_23-2148349631.jpg" },
|
|
{ id: "6", name: "Fresh Pastries", price: "₹80", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-croissant-with-ham-cheese-wooden-board_613910-6444.jpg" }
|
|
]}
|
|
title="Menu Highlights"
|
|
description="Try our signature fast food and fresh brews."
|
|
/>
|
|
</div>
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", title: "Rated Excellence", value: "4.7 / 5.0", icon: Star },
|
|
{ id: "m2", title: "Happy Customers", value: "1000+", icon: Users },
|
|
{ id: "m3", title: "Fresh Daily", value: "100%", icon: Coffee }
|
|
]}
|
|
title="Why Choose Us"
|
|
description="See what makes Cafe Connection your neighborhood favorite."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Celebration Events"
|
|
description="Hear how we've helped make special moments unforgettable."
|
|
textboxLayout="split"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Sneha P.", handle: "Birthday Host", testimonial: "The surprise birthday party for my brother was perfectly organized. The cake and snacks were delicious!" },
|
|
{ id: "t2", name: "Rajesh K.", handle: "Anniversary Couple", testimonial: "Our 5th anniversary celebration here was so intimate and well-catered. Great experience." },
|
|
{ id: "t3", name: "Meena A.", handle: "Event Planner", testimonial: "Perfect venue for our small group team catchup. Everyone loved the food and service." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="form" data-section="form">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "What are the opening hours?", content: "We are open daily until 9 PM." },
|
|
{ id: "f2", title: "Do you take reservations?", content: "Yes, please contact us for table bookings." },
|
|
{ id: "f3", title: "Is there home delivery?", content: "Yes, we offer local delivery through WhatsApp." }
|
|
]}
|
|
title="Common Questions"
|
|
faqsAnimation="slide-up"
|
|
description="Find answers to our most popular questions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
title="Visit Our Café"
|
|
description="Shop No.5, Siddhivinayak Complex, Nirant Cross Rd, Vastral, Ahmedabad. Follow the directions to find your new favorite hangout spot!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-girl-barista-apron-looks-surprised-points-with-hand-stares-amazed-camera-works_1258-148454.jpg"
|
|
tag="Our Location"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Cafe Connection"
|
|
columns={[
|
|
{
|
|
title: "Contact Info",
|
|
items: [
|
|
{ label: "WhatsApp: +91 82004 43850", href: "https://wa.me/918200443850" },
|
|
{ label: "Phone: +91 82004 43850", href: "tel:+918200443850" }
|
|
]
|
|
},
|
|
{
|
|
title: "Visit Us",
|
|
items: [
|
|
{ label: "Shop No.5, Siddhivinayak Complex, Vastral", href: "https://maps.app.goo.gl/CafeConnectionVastral" }
|
|
]
|
|
},
|
|
{
|
|
title: "Business Hours",
|
|
items: [
|
|
{ label: "Everyday: 10:00 AM - 9:00 PM", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 | Cafe Connection Vastral"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |