Files
35af3eee-288d-4a53-b5bf-bdf…/src/app/page.tsx
2026-05-05 08:59:22 +00:00

467 lines
15 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="largeSmallSizeMediumTitles"
background="none"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Roastery Coffee"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="A Garden Retreat for Coffee Lovers"
description="Experience artisan specialty coffees and light fare in our quaint Banjara Hills sanctuary."
testimonials={[
{
name: "Pratik K",
handle: "@localguide",
testimonial: "Subtle place for hangout with good homely ambience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-shy-young-asian-woman-standing-front-cafe-entrance-touching-her-neck_1258-199358.jpg",
},
{
name: "Yashiri",
handle: "@localguide",
testimonial: "Worth the wait, try the outdoor table, it's pretty.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-crossed-arms_23-2149434503.jpg",
},
{
name: "Sudheer",
handle: "@localguide",
testimonial: "Nice experience, great garden setting.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-with-wavy-brown-hair-enjoying-coffee-outside_291650-1363.jpg",
},
{
name: "Ananya",
handle: "@coffeeaddict",
testimonial: "The cranberry coffee is absolutely a must try!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166157.jpg",
},
{
name: "Rohan",
handle: "@foodie",
testimonial: "Lovely vibe, perfect for long conversations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-beautifully-painted-brown-eyes-with-eyeliner-highlighting-features-face-model-red-blouse-sends-air-kiss_197531-12005.jpg",
},
]}
buttons={[
{
text: "View Menu",
href: "#menu",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3429.jpg?_wi=1"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
alt: "Customer profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-woman-bar_23-2147680953.jpg",
alt: "Customer profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-cute-woman_23-2148422458.jpg",
alt: "Customer profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/woman-taking-coffee_329181-11917.jpg",
alt: "Customer profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owner_23-2149434511.jpg",
alt: "Customer profile 5",
},
]}
avatarText="Join 15,000+ happy coffee lovers"
marqueeItems={[
{
type: "text",
text: "Artisan Roasted",
},
{
type: "text",
text: "Garden Ambiance",
},
{
type: "text",
text: "Specialty Lattes",
},
{
type: "text",
text: "Banjara Hills",
},
{
type: "text",
text: "Authentic Brews",
},
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Coffee, Culture, and Charm"
description="Located in the heart of Hyderabad, we serve more than just coffee. We create spaces for memories, featuring our signature garden patio and locally roasted beans."
metrics={[
{
value: "15K+",
title: "Happy Guests",
},
{
value: "4.4",
title: "Star Rating",
},
{
value: "24/7",
title: "Ambience",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-barista-hand-preparing-latte-coffee-wooden-table_23-2148209232.jpg?_wi=1"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Specialty Roasts",
description: "Hand-picked beans roasted to perfection.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-coffee-beans_23-2148464847.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/shot-coffee-bean-studio-shot_329181-20906.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3429.jpg?_wi=2",
imageAlt: "fresh roasted coffee beans macro shot",
},
{
title: "Garden Seating",
description: "Relax in our beautiful, tranquil outdoor patio.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-book-sitting-near-table-restaurant_23-2147936115.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-using-digital-tablet-restaurant-table_23-2147936094.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hand-preparing-latte-coffee-wooden-table_23-2148209232.jpg?_wi=2",
imageAlt: "fresh roasted coffee beans macro shot",
},
{
title: "Homely Vibe",
description: "Comfortable decor for your long afternoons.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/tables-chairs-restaurant_1339-2606.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-outdoor_74190-3498.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-hot-coffee-glass-with-ice_181624-28793.jpg?_wi=1",
imageAlt: "fresh roasted coffee beans macro shot",
},
]}
showStepNumbers={true}
title="The Roastery Experience"
description="Why choose our coffee house?"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Cranberry Coffee",
price: "₹250",
imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-hot-coffee-glass-with-ice_181624-28793.jpg?_wi=2",
},
{
id: "2",
name: "Artisan Pizza",
price: "₹450",
imageSrc: "http://img.b2bpic.net/free-photo/two-pizzas-with-eggplant-green-peas-red-onion-top-view_127032-3367.jpg",
},
{
id: "3",
name: "Classic Spaghetti",
price: "₹380",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-italian-pasta-with-mushrooms-parmesan-slices-oregano-leaves-granite-bowl_114579-1832.jpg",
},
{
id: "4",
name: "Chicken Wings",
price: "₹320",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fried-chicken-with-nuggets-three-sauces_23-2148646579.jpg",
},
{
id: "5",
name: "Garlic Bread",
price: "₹180",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-melted-cheese-snacks_23-2149274819.jpg",
},
{
id: "6",
name: "Cold Brew",
price: "₹220",
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-stirring-coffee_23-2147765348.jpg",
},
]}
title="Popular Menu Items"
description="From specialty coffees to savory snacks."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15,000+",
title: "Reviews",
description: "Customer love",
imageSrc: "http://img.b2bpic.net/free-photo/coffee_1385-1030.jpg",
},
{
id: "m2",
value: "4.4",
title: "Average Rating",
description: "Highly acclaimed",
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4039.jpg",
},
{
id: "m3",
value: "Daily",
title: "Open",
description: "Closes midnight",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-autumn-lifestyle_23-2151867726.jpg",
},
]}
title="Serving Smiles Daily"
description="Our numbers reflect our passion for quality service."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Pratik",
role: "Local Guide",
company: "Reviewer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blogger-girl-is-laughting-by-looking-camera-cafe_176474-116248.jpg",
},
{
id: "2",
name: "Sudheer",
role: "Foodie",
company: "Reviewer",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-holding-mobile-phone-near-ear-takeaway-coffee-cup-looking-camera-laughing-isolated-blue-background_141793-134551.jpg",
},
{
id: "3",
name: "Yashiri",
role: "Guest",
company: "Reviewer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-tea-by-christmas-tree_1303-11314.jpg",
},
{
id: "4",
name: "Suresh",
role: "Local",
company: "Reviewer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-toasting-drinks-with-his-friends_23-2147859664.jpg",
},
{
id: "5",
name: "Anitha",
role: "Visitor",
company: "Reviewer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-asian-woman-entrepreneur-recommending-cafe-showing-okay-ok-sign-approval_1258-199352.jpg",
},
]}
kpiItems={[
{
value: "15K+",
label: "Reviews",
},
{
value: "4.4/5",
label: "Rating",
},
{
value: "100%",
label: "Vibe",
},
]}
title="Guest Memories"
description="What our patrons say about us."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Are you pet friendly?",
content: "Yes, we are a welcoming space.",
},
{
id: "2",
title: "Do you offer delivery?",
content: "Yes, we offer no-contact delivery options.",
},
{
id: "3",
title: "Is outdoor seating available?",
content: "We have a garden patio for outdoor dining.",
},
]}
title="Common Questions"
description="Everything you need to know about Roastery."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Visit Us"
title="Visit Roastery Coffee House"
description="8 2, 287/12, 418, Road No. 14, BNR Colony, Banjara Hills, Hyderabad."
buttons={[
{
text: "Call Now",
href: "tel:+916309590610",
},
{
text: "Directions",
href: "https://maps.google.com",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Roastery Coffee"
columns={[
{
title: "Navigation",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Menu",
href: "#menu",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Contact",
items: [
{
label: "Call Us",
href: "tel:+916309590610",
},
{
label: "Email",
href: "mailto:hello@roasterycoffee.co.in",
},
],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}