Merge version_2 into main #1
338
src/app/page.tsx
338
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
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 FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { ChefHat, Coffee, MapPin, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,315 +20,146 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Gurukripa"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Welcome to Gurukripa Restaurant & Hotel"
|
||||
<HeroCarouselLogo
|
||||
logoText="Gurukripa"
|
||||
description="Experience the perfect blend of traditional Indian culinary art and luxurious hospitality. Your gateway to an unforgettable stay and fine dining."
|
||||
tag="Hospitality Excellence"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-chandelier_105762-2156.jpg",
|
||||
imageAlt: "Luxurious stay",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg",
|
||||
imageAlt: "Event hall furniture in brown and white colors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg",
|
||||
imageAlt: "Man in white long sleeve shirt sitting on chair in cafe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg",
|
||||
imageAlt: "Wide restaurant hall with wooden table and chairs for 6 persons",
|
||||
},
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg", imageAlt: "Restaurant ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-chandelier_105762-2156.jpg", imageAlt: "Luxurious stay" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Top-Rated Guest Experience"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
title="A Legacy of Warmth"
|
||||
description="At Gurukripa, we believe in Atithi Devo Bhava — the guest is God. Since our inception, we have dedicated ourselves to providing authentic flavors and comfortable retreats."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Authentic Cuisine",
|
||||
description: "Traditional recipes crafted with fresh, local ingredients.",
|
||||
},
|
||||
{
|
||||
title: "Luxurious Stay",
|
||||
description: "Modern amenities designed for your absolute relaxation.",
|
||||
},
|
||||
{
|
||||
title: "Dedicated Service",
|
||||
description: "Warm, professional hospitality tailored to your needs.",
|
||||
},
|
||||
]}
|
||||
subdescription="Crafting experiences that stay with you forever."
|
||||
icon={ChefHat}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663839.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "d1",
|
||||
name: "Royal Paneer Makhani",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-potato-pies-with-mushed-pumpkin-tomatoes-grey-background-oven-cake-pie-bake-color_140725-110273.jpg",
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
name: "Tandoori Delicacy",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aloo-paratha-gobi-paratha-also-known-as-potato-cauliflower-stuffed-flatbread-dish-originating-from-indian-subcontinent_466689-76172.jpg",
|
||||
},
|
||||
{
|
||||
id: "d3",
|
||||
name: "Saffron Infused Biryani",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-asparagus-with-mashed-potatoes-herbs-plate_141793-6091.jpg",
|
||||
},
|
||||
{
|
||||
id: "d4",
|
||||
name: "Classic Butter Naan",
|
||||
price: "$5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-boiled-rice-with-green-beans-meat-dark-desk_179666-27261.jpg",
|
||||
},
|
||||
{
|
||||
id: "d5",
|
||||
name: "Authentic Lassi",
|
||||
price: "$7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ayran-with-herbs-flowers_140725-2693.jpg",
|
||||
},
|
||||
{
|
||||
id: "d6",
|
||||
name: "Gulab Jamun Feast",
|
||||
price: "$9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-vegetables-with-egg-meal-seasonings-dark-space_140725-79690.jpg",
|
||||
},
|
||||
]}
|
||||
<ProductCardTwo
|
||||
title="Our Signature Dishes"
|
||||
description="Explore our curated selection of delicacies that define our heritage."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "d1", brand: "Classic", name: "Royal Paneer Makhani", price: "$18", rating: 5, reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-potato-pies-with-mushed-pumpkin-tomatoes-grey-background-oven-cake-pie-bake-color_140725-110273.jpg" },
|
||||
{ id: "d2", brand: "Tandoori", name: "Tandoori Delicacy", price: "$22", rating: 4, reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/aloo-paratha-gobi-paratha-also-known-as-potato-cauliflower-stuffed-flatbread-dish-originating-from-indian-subcontinent_466689-76172.jpg" },
|
||||
{ id: "d3", brand: "Saffron", name: "Saffron Infused Biryani", price: "$20", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-asparagus-with-mashed-potatoes-herbs-plate_141793-6091.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<FeatureCardTwentyEight
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureHoverPattern
|
||||
title="Comfort Amenities"
|
||||
description="We offer premium services ensuring your comfort throughout your stay."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "r1",
|
||||
title: "Deluxe Suites",
|
||||
subtitle: "Spacious & Airy",
|
||||
category: "Room",
|
||||
value: "Luxury",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
title: "Business Rooms",
|
||||
subtitle: "Quiet & Efficient",
|
||||
category: "Room",
|
||||
value: "Practical",
|
||||
},
|
||||
{
|
||||
id: "r3",
|
||||
title: "Family Cottages",
|
||||
subtitle: "Comfortable & Cozy",
|
||||
category: "Room",
|
||||
value: "Homely",
|
||||
},
|
||||
{ icon: Coffee, title: "In-Room Breakfast", description: "Start your day with our signature breakfast menu." },
|
||||
{ icon: MapPin, title: "Local Tours", description: "Guided tours to experience the best of our heritage." },
|
||||
{ icon: Phone, title: "Concierge Support", description: "Available 24/7 for all your travel needs." }
|
||||
]}
|
||||
title="Rest & Rejuvenation"
|
||||
description="Our rooms are designed to offer a serene escape from the hustle and bustle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
<TestimonialCardOne
|
||||
title="Guest Experiences"
|
||||
description="Hear from our valued guests who have stayed with us."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rahul Verma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anita Gupta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-with-round-delivery-bowl-his-hands-pink-background_140725-40592.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vikram Singh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Meera Shah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-striped-dress-expressing-positive-emotions-summer-day-indoor-photo-wonderful-female-model-wears-pink-sunglasses-holding-glass-champagne_197531-9595.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Arjun Rao",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149429892.jpg",
|
||||
},
|
||||
{ id: "1", name: "Rahul Verma", role: "Guest", company: "Corporate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg" },
|
||||
{ id: "2", name: "Anita Gupta", role: "Guest", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-yellow-uniform-cape-with-round-delivery-bowl-his-hands-pink-background_140725-40592.jpg" }
|
||||
]}
|
||||
cardTitle="Guest Experiences"
|
||||
cardTag="Stories of Delight"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="scale-rotate"
|
||||
<MetricCardSeven
|
||||
title="Milestone Reach"
|
||||
description="The numbers behind our dedication to service excellence."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10,000+",
|
||||
title: "Happy Guests",
|
||||
description: "Served with pride",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-white-robe-spa-stairs-cozy-light-calm-mood-kid-wellness_169016-69180.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Menu Varieties",
|
||||
description: "Authentic tastes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-arrangement_23-2149086030.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Years Legacy",
|
||||
description: "Constant improvement",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-with-boiled-potatoes-fresh-vegetables_140725-727.jpg",
|
||||
},
|
||||
{ id: "m1", value: "10,000+", title: "Happy Guests", items: ["Consistent 5-star ratings", "Long-term customer loyalty"] },
|
||||
{ id: "m2", value: "500+", title: "Varieties", items: ["Signature Indian dishes", "Seasonal specials"] },
|
||||
{ id: "m3", value: "15+", title: "Years Legacy", items: ["Heritage hospitality", "Quality commitment"] }
|
||||
]}
|
||||
title="Our Milestone Reach"
|
||||
description="We are proud of our journey in serving community and travelers alike."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqSplitMedia
|
||||
title="Common Inquiries"
|
||||
description="We are here to answer your questions and assist with your stay."
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we provide free parking for all guests.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I book events?",
|
||||
content: "We handle events, conferences, and celebrations.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are meals included?",
|
||||
content: "Depending on your package, breakfast is included.",
|
||||
},
|
||||
{ id: "f1", title: "Is parking available?", content: "Yes, we provide free parking for all our guests." },
|
||||
{ id: "f2", title: "Can I book events?", content: "Absolutely, we offer event spaces for conferences and parties." }
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Here are the answers to some frequently asked questions."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
<ContactSplitForm
|
||||
title="Let's Connect"
|
||||
description="Have questions or want to make a reservation? Reach out to our team."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your message", rows: 4 }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shisha-place-with-full-furniture_140725-9261.jpg"
|
||||
<FooterLogoEmphasis
|
||||
logoText="Gurukripa"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user