467 lines
15 KiB
TypeScript
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>
|
|
);
|
|
}
|