371 lines
12 KiB
TypeScript
371 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="smallMedium"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="circleGradient"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Our Story",
|
||
id: "about",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "menu",
|
||
},
|
||
{
|
||
name: "Reviews",
|
||
id: "testimonials",
|
||
},
|
||
{
|
||
name: "Visit",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Sector 17"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardCarousel
|
||
background={{
|
||
variant: "gradient-bars",
|
||
}}
|
||
title="Taste Chandigarh. Feel at Home."
|
||
description="Authentic Punjabi flavours, handcrafted from recipes passed down through generations — right here in Viman Nagar."
|
||
buttons={[
|
||
{
|
||
text: "View Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
text: "Visit Us",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086077.jpg?_wi=1",
|
||
imageAlt: "Authentic Thali",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-indian-dishes-platter_23-2152002848.jpg?_wi=1",
|
||
imageAlt: "Dal Makhani",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/georgian-adjaruli-table_140725-9214.jpg",
|
||
imageAlt: "Butter Naan",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/half-top-view-delicious-vegetable-soup-inside-round-plate-dark-desk_140725-49474.jpg",
|
||
imageAlt: "Paneer Dish",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-lohri-festival-celebration-with-traditional-food_23-2151098286.jpg",
|
||
imageAlt: "Lassi",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-vegetable-soup-with-cream_1220-7280.jpg",
|
||
imageAlt: "Amritsari Kulcha",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
title="A Memory from Chandigarh"
|
||
description="Sector 17 isn’t just a name — it’s a memory. Inspired by the vibrant food culture of Chandigarh, we bring grandma’s secret recipes and authentic Punjabi warmth to the heart of Viman Nagar."
|
||
bulletPoints={[
|
||
{
|
||
title: "Homely Flavors",
|
||
description: "No compromises, just pure authentic taste.",
|
||
},
|
||
{
|
||
title: "Generational Recipes",
|
||
description: "Handed down from families, perfected for you.",
|
||
},
|
||
{
|
||
title: "Warm Hospitality",
|
||
description: "We treat every guest like family.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/jug-near-basket-with-food_23-2147930078.jpg?_wi=1"
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardEight
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Pure Veg",
|
||
description: "100% vegetarian goodness.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-peppers-onions-garlics-greens-light-blue-table-food-meal-salad-ingredient_140725-31053.jpg?_wi=1",
|
||
},
|
||
{
|
||
title: "Fresh Ingredients",
|
||
description: "Farm-to-table quality daily.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetables-with-sliced-pumpkin-grey-background-ripe-salad-color-fresh_140725-110209.jpg",
|
||
},
|
||
{
|
||
title: "Authentic Spices",
|
||
description: "Authentic masalas imported.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegetables-bowl-lentil-herbs-colorful-vegetables-spices-citrus-fruits_140725-73813.jpg",
|
||
},
|
||
]}
|
||
title="Why Sector 17?"
|
||
description="Experience food that feels like a hug."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "m1",
|
||
name: "Chole Bhature",
|
||
price: "₹179",
|
||
variant: "Classic",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-traditional-roti_23-2149033996.jpg?_wi=1",
|
||
},
|
||
{
|
||
id: "m2",
|
||
name: "Dal Makhani",
|
||
price: "₹149",
|
||
variant: "Signature",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-round-pie-sweet-bake-dark-background-biscuit-sweet-dough-pie-sugar-tea-cake_140725-115659.jpg",
|
||
},
|
||
{
|
||
id: "m3",
|
||
name: "Paneer Butter Masala",
|
||
price: "₹159",
|
||
variant: "Popular",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-british-bean-stew-bowls_23-2148746860.jpg",
|
||
},
|
||
{
|
||
id: "m4",
|
||
name: "Lachha Paratha",
|
||
price: "₹69",
|
||
variant: "Bread",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-round-pie-sweet-bake-dark-background-biscuit-dough-pie-cake-sugar-sweet_140725-115657.jpg",
|
||
},
|
||
{
|
||
id: "m5",
|
||
name: "Amritsari Kulcha",
|
||
price: "₹89",
|
||
variant: "Stuffed",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-beans-bowl_23-2148746863.jpg",
|
||
},
|
||
{
|
||
id: "m6",
|
||
name: "Gulab Jamun",
|
||
price: "₹39",
|
||
variant: "Dessert",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-indian-dessert_23-2149312427.jpg",
|
||
},
|
||
]}
|
||
title="Our Signature Menu"
|
||
description="Handcrafted Punjabi delights."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Sarah",
|
||
date: "Jan 2025",
|
||
title: "Foodie",
|
||
quote: "Most homely food in Pune. Simply authentic.",
|
||
tag: "Top Pick",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086077.jpg?_wi=2",
|
||
imageAlt: "happy diner restaurant",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Rohan",
|
||
date: "Dec 2024",
|
||
title: "Regular",
|
||
quote: "Best dal makhani I've had in a long time.",
|
||
tag: "Fan",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-sitting-bar-drinking-milk-shake-cocktail-pink-tshirt-balcj-leather-jacket-jeans-having-fun-cheerful-mood_285396-10732.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/jug-near-basket-with-food_23-2147930078.jpg?_wi=2",
|
||
imageAlt: "happy diner restaurant",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Anita",
|
||
date: "Dec 2024",
|
||
title: "Blogger",
|
||
quote: "Authentic North Indian taste. Highly recommended.",
|
||
tag: "Blogger",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-peppers-onions-garlics-greens-light-blue-table-food-meal-salad-ingredient_140725-31053.jpg?_wi=2",
|
||
imageAlt: "happy diner restaurant",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Amit",
|
||
date: "Nov 2024",
|
||
title: "Customer",
|
||
quote: "Warm staff and beautiful ambiance.",
|
||
tag: "Guest",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-assortment-traditional-roti_23-2149033996.jpg?_wi=2",
|
||
imageAlt: "happy diner restaurant",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Priya",
|
||
date: "Oct 2024",
|
||
title: "Customer",
|
||
quote: "Feels just like Chandigarh street food.",
|
||
tag: "Fan",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-smiling-woman-retro-vintage-american-50s-cafe_285396-10424.jpg",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-indian-dishes-platter_23-2152002848.jpg?_wi=2",
|
||
imageAlt: "happy diner restaurant",
|
||
},
|
||
]}
|
||
title="A Hidden Gem in Viman Nagar"
|
||
description="What our guests say about us."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social" data-section="social">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Pune Foodies",
|
||
"Zom",
|
||
"Zomato Gold",
|
||
"Swiggy Picks",
|
||
"Times Food",
|
||
"LBB Pune",
|
||
"Pune Times",
|
||
"Viman Nagar Life",
|
||
]}
|
||
title="Loved By Locals"
|
||
description="Featured in and endorsed by the community."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1",
|
||
title: "Is the restaurant pure vegetarian?",
|
||
content: "Yes, Sector 17 is 100% vegetarian.",
|
||
},
|
||
{
|
||
id: "q2",
|
||
title: "What are the timings?",
|
||
content: "We are open daily from 8 AM to 11 PM.",
|
||
},
|
||
{
|
||
id: "q3",
|
||
title: "Do you take reservations?",
|
||
content: "We welcome walk-ins and offer table reservations.",
|
||
},
|
||
]}
|
||
sideTitle="Common Questions"
|
||
faqsAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
tag="Visit Us"
|
||
title="Come Hungry. Leave With Memories."
|
||
description="Join us today for an unforgettable Punjabi feast."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-soup-wooden-desk-food-meal-soup-photo_140725-28349.jpg"
|
||
logoText="Sector 17"
|
||
columns={[
|
||
{
|
||
title: "Links",
|
||
items: [
|
||
{
|
||
label: "Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "About",
|
||
href: "#about",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact",
|
||
items: [
|
||
{
|
||
label: "Call Us",
|
||
href: "tel:+",
|
||
},
|
||
{
|
||
label: "WhatsApp",
|
||
href: "https://wa.me/",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|