2 Commits

Author SHA1 Message Date
4a62dac27f Update src/app/page.tsx 2026-04-30 15:15:04 +00:00
574df16d4f Update src/app/page.tsx 2026-04-30 15:14:37 +00:00

View File

@@ -2,399 +2,159 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix'; import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogo from '@/components/sections/hero/HeroLogo'; import HeroSignup from '@/components/sections/hero/HeroSignup';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree'; import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextAbout from '@/components/sections/about/TextAbout'; import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="reveal-blur"
borderRadius="pill" borderRadius="soft"
contentWidth="mediumSmall" contentWidth="mediumLarge"
sizing="largeSizeMediumTitles" sizing="largeSizeMediumTitles"
background="blurBottom" background="noise"
cardStyle="gradient-mesh" cardStyle="glass-depth"
primaryButtonStyle="gradient" primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass" secondaryButtonStyle="layered"
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarLayoutFloatingOverlay
navItems={[ brandName="Harsh Restaurant"
{ navItems={[
name: "Home", { name: "Home", id: "hero" },
id: "hero", { name: "Menu", id: "menu" },
}, { name: "About", id: "about" },
{ { name: "Contact", id: "contact" },
name: "Menu", ]}
id: "menu", />
}, </div>
{
name: "Gallery",
id: "gallery",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Harsh Restaurant"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogo <HeroSignup
logoText="Harsh Restaurant" title="Harsh Restaurant: A Culinary Journey"
description="Authentic Flavors, Exceptional Dining Experience. Discover Harsh Restaurant's signature dishes and convenient online ordering. Fresh ingredients, traditional recipes, and modern service await you." description="Experience authentic, soulful cooking in an elegant professional setting."
buttons={[ background={{ variant: "glowing-orb" }}
{ tag="Welcome to Harsh"
text: "Explore Our Menu", />
href: "#menu", </div>
},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/top-view-tasty-dish-green-beans-with-tomatoes-board-fork-knife-bottle-oil-tomatoes-with-pedicels-four-bowls-colorful-spices-dark-table_140725-119909.jpg"
imageAlt="Exquisite restaurant dining experience"
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <MetricSplitMediaAbout
useInvertedBackground={false} title="Refining the Culinary Art"
title="A Legacy of Authentic Taste" description="At Harsh Restaurant, we marry traditional spice profiles with modern gastronomic techniques to deliver an unparalleled dining experience."
/> metrics={[
</div> { value: "15+", title: "Years Experience" },
{ value: "500+", title: "Signature Dishes" },
{ value: "10k+", title: "Happy Diners" }
]}
useInvertedBackground={false}
/>
</div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardFour <ProductCardOne
animationType="slide-up" title="Our Culinary Selection"
textboxLayout="split-description" description="Hand-picked seasonal ingredients prepared by masters of their craft."
gridVariant="three-columns-all-equal-width" gridVariant="bento-grid"
useInvertedBackground={true} animationType="blur-reveal"
products={[ textboxLayout="split"
{ useInvertedBackground={true}
id: "1", products={[
name: "Signature Biryani", { id: "1", name: "Tandoori Masterpiece", price: "₹599", imageSrc: "http://img.b2bpic.net/free-photo/appetizing-dish-green-beans-plate-fork-garlic-bottle-oil-white-notebook-bowls-spices-dark-table_140725-120100.jpg" },
price: "₹499", { id: "2", name: "Saffron Infused Biryani", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg" },
variant: "Authentic", { id: "3", name: "Signature Curry", price: "₹699", imageSrc: "http://img.b2bpic.net/free-photo/eggplant-tomatoes-topped-with-sesame-seeds_141793-17451.jpg" }
imageSrc: "http://img.b2bpic.net/free-photo/appetizing-dish-green-beans-plate-fork-garlic-bottle-oil-white-notebook-bowls-spices-dark-table_140725-120100.jpg", ]}
}, />
{ </div>
id: "2",
name: "Traditional Kebab",
price: "₹349",
variant: "Starter",
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg",
},
{
id: "3",
name: "House Special Curry",
price: "₹599",
variant: "Main",
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-tomatoes-topped-with-sesame-seeds_141793-17451.jpg",
},
{
id: "4",
name: "Vegetable Delight",
price: "₹399",
variant: "Vegetarian",
imageSrc: "http://img.b2bpic.net/free-photo/bulgur-with-meat-zucchini-prunes-beans-bell-pepper-spices-dry-fruits-top-view_141793-1755.jpg",
},
{
id: "5",
name: "Fusion Dessert",
price: "₹299",
variant: "Sweet",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-shrimp-prawn-steak_74190-5873.jpg",
},
{
id: "6",
name: "Classic Tandoori",
price: "₹449",
variant: "Grill",
imageSrc: "http://img.b2bpic.net/free-photo/steamed-bao-bun-with-braised-pork-belly-fresh-asian-slaw_84443-85877.jpg",
},
]}
title="Signature Menu"
description="Hand-crafted traditional recipes prepared with the freshest local ingredients."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardOne
textboxLayout="split-description" title="What Our Guests Say"
useInvertedBackground={false} description="Read what our patrons have to say."
testimonials={[ gridVariant="uniform-all-items-equal"
{ animationType="blur-reveal"
id: "1", textboxLayout="split"
name: "Amit Sharma", useInvertedBackground={false}
date: "2024-05-12", testimonials={[
title: "Regular Diner", { id: "1", name: "Arjun K.", role: "Food Critic", company: "City Weekly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-redhead-woman-having-fun-while-having-dinner-with-friends-home_637285-3551.jpg" },
quote: "The most authentic flavors I have ever experienced in town.", { id: "2", name: "Sarah M.", role: "Frequent Diner", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/loving-people-having-romantic-dinner_23-2147736679.jpg" }
tag: "Excellent", ]}
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-redhead-woman-having-fun-while-having-dinner-with-friends-home_637285-3551.jpg", />
imageSrc: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg", </div>
},
{
id: "2",
name: "Priya Singh",
date: "2024-06-01",
title: "Foodie",
quote: "Incredible service and even better food. The atmosphere is lovely.",
tag: "Highly Recommended",
avatarSrc: "http://img.b2bpic.net/free-photo/loving-people-having-romantic-dinner_23-2147736679.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/male-woman-having-good-time_23-2148395388.jpg",
},
{
id: "3",
name: "Rahul Verma",
date: "2024-06-15",
title: "Corporate Planner",
quote: "Harsh catered our office event and everyone loved it.",
tag: "Professional",
avatarSrc: "http://img.b2bpic.net/free-photo/foodie-taking-photo-bowl-with-salad-sea-fruits_23-2149277991.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-friends-with-food_23-2149410427.jpg",
},
{
id: "4",
name: "Sneha Reddy",
date: "2024-07-02",
title: "Frequent Guest",
quote: "Best place for a family dinner. Always fresh and tasty.",
tag: "Family Favorite",
avatarSrc: "http://img.b2bpic.net/free-vector/restaurant-clutery-background_1078-4.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-people-taking-snacks-from-table_1262-1958.jpg",
},
{
id: "5",
name: "Vijay Nair",
date: "2024-07-10",
title: "Critic",
quote: "Traditional cooking techniques handled with exceptional care.",
tag: "Top Pick",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-woman-sitting-armchair-designed-living-room-looking-showing-thumb-up-doing-money-gesture_141793-58035.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891043.jpg",
},
]}
title="Our Guests Love Us"
description="Read what our diners say about their experiences at Harsh Restaurant."
/>
</div>
<div id="gallery" data-section="gallery"> <div id="gallery" data-section="gallery">
<FeatureCardSix <FeatureCardTwentyNine
textboxLayout="split" title="The Harsh Atmosphere"
useInvertedBackground={true} description="Explore our fine dining space."
features={[ gridVariant="bento-grid"
{ animationType="blur-reveal"
title: "Ambiance", textboxLayout="split"
description: "Our beautifully curated dining room sets the perfect mood for any occasion.", useInvertedBackground={false}
imageSrc: "http://img.b2bpic.net/free-photo/brightly-lit-dining-unfocused_1203-770.jpg", features={[
}, { title: "Grand Hall", description: "Spacious and elegant seating.", imageSrc: "http://img.b2bpic.net/free-photo/brightly-lit-dining-unfocused_1203-770.jpg", titleImageSrc: "", buttonText: "Book Now" },
{ { title: "Open Kitchen", description: "Witness the magic of our chefs.", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728004.jpg", titleImageSrc: "", buttonText: "Learn More" }
title: "Fresh Kitchen", ]}
description: "Behind the scenes where tradition meets fresh quality.", />
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728004.jpg", </div>
},
{
title: "Bar & Lounge",
description: "Enjoy crafted beverages in our relaxed lounge.",
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-sitting-together-luxury-restaurant_613910-3910.jpg",
},
{
title: "Patio Dining",
description: "Al fresco options that are perfect for mild evenings.",
imageSrc: "http://img.b2bpic.net/free-photo/man-dancing-with-woman-restaurant_23-2148016782.jpg",
},
{
title: "Private Events",
description: "Spaces dedicated to making your special moments truly memorable.",
imageSrc: "http://img.b2bpic.net/free-photo/table-setting_74190-3621.jpg",
},
{
title: "Table Settings",
description: "We believe in fine details for an elevated dining experience.",
imageSrc: "http://img.b2bpic.net/free-photo/assortment-elegant-tableware-table_23-2148835208.jpg",
},
]}
title="A Visual Tour"
description="Get a glimpse of our inviting atmosphere and exceptional dishes."
/>
</div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardThree <PricingCardOne
animationType="slide-up" title="Experience Tiers"
textboxLayout="default" description="Choose your journey."
useInvertedBackground={false} animationType="depth-3d"
plans={[ textboxLayout="split-description"
{ useInvertedBackground={false}
id: "online", plans={[
price: "Digital", { id: "basic", badge: "Essential", price: "₹1500", subtitle: "Tasting Menu for Two", features: ["4 Courses", "Table Selection", "Standard Service"] },
name: "Online Payment", { id: "premium", badge: "Signature", price: "₹3000", subtitle: "Chef's Special Tasting", features: ["7 Courses", "Wine Pairing", "Priority Seating"] }
features: [ ]}
"UPI Integration", />
"Credit/Debit Cards", </div>
"Net Banking",
],
buttons: [
{
text: "Pay Online",
href: "#contact",
},
],
},
{
id: "cash",
price: "Offline",
name: "Cash on Delivery",
features: [
"Secure Delivery",
"Cash Payments",
"Easy Receipt",
],
buttons: [
{
text: "Order Now",
href: "#contact",
},
],
},
{
id: "wallet",
price: "Wallet",
name: "E-Wallets",
features: [
"Fast Transactions",
"Rewards & Offers",
"Instant Confirmation",
],
buttons: [
{
text: "Learn More",
href: "#contact",
},
],
},
]}
title="Payment Options"
description="Flexible and convenient payment methods available for your comfort."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitMedia
useInvertedBackground={true} title="Frequently Asked Questions"
faqs={[ description="Got questions? We have answers."
{ faqsAnimation="slide-up"
id: "1", textboxLayout="split-description"
title: "Can I reserve a table?", useInvertedBackground={false}
content: "Yes, please call our team at 991234561645 for reservations.", faqs={[
}, { id: "1", title: "How do I book?", content: "Simply use our contact form or call us direct." },
{ { id: "2", title: "Are dietary restrictions accommodated?", content: "Yes, our chefs are happy to adapt meals for your needs." }
id: "2", ]}
title: "Do you offer catering?", />
content: "We offer complete catering services for events and private parties.", </div>
},
{
id: "3",
title: "Is delivery available?",
content: "Absolutely! Order online and we will deliver straight to you.",
},
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplit
useInvertedBackground={false} title="Get in Touch"
title="Contact Us" description="Whether planning a grand event or a quiet evening, our team is at your service."
description="Ready to dine with us or place an order? Get in touch with Harsh Restaurant today." tag="Reserve a Table"
inputs={[ background={{ variant: "gradient-bars" }}
{ useInvertedBackground={true}
name: "name", />
type: "text", </div>
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "991234561645 (Owner Direct)",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Reservation details, catering inquiries, or questions.",
}}
imageSrc="http://img.b2bpic.net/free-photo/female-staff-working-airport-terminal_107420-85075.jpg"
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterLogoEmphasis
logoText="Harsh Restaurant" logoText="Harsh Restaurant"
columns={[ columns={[
{ { items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
title: "Company", { items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] }
items: [ ]}
{ />
label: "About Us", </div>
href: "#about",
},
{
label: "Menu",
href: "#menu",
},
{
label: "Gallery",
href: "#gallery",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "Reservations",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );