8 Commits

Author SHA1 Message Date
15b21672b9 Merge version_2 into main
Merge version_2 into main
2026-06-11 00:18:11 +00:00
c2ecaa00f9 Update src/app/page.tsx 2026-06-11 00:18:08 +00:00
65cfdea18d Merge version_2 into main
Merge version_2 into main
2026-06-11 00:17:47 +00:00
f4331acf63 Update src/app/reservations/page.tsx 2026-06-11 00:17:41 +00:00
61f73f04bc Update src/app/page.tsx 2026-06-11 00:17:41 +00:00
67e49f6e72 Merge version_2 into main
Merge version_2 into main
2026-06-11 00:17:11 +00:00
875a406847 Add src/app/reservations/page.tsx 2026-06-11 00:17:05 +00:00
98a054cd7f Update src/app/page.tsx 2026-06-11 00:17:05 +00:00
2 changed files with 186 additions and 202 deletions

View File

@@ -12,7 +12,7 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
import FaqDouble from "@/components/sections/faq/FaqDouble"; import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm"; import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple"; import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Leaf, TreePine } from "lucide-react"; import { Star, Utensils, ChefHat } from "lucide-react";
export default function LandscapingPage() { export default function LandscapingPage() {
return ( return (
@@ -31,219 +31,139 @@ export default function LandscapingPage() {
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
brandName="GreenScape" brandName="Grandioz Restaurant"
navItems={[ navItems={[
{ name: "Services", id: "services" }, { name: "Our Offerings", id: "#offerings" },
{ name: "About", id: "about" }, { name: "Our Story", id: "#about" },
{ name: "Team", id: "team" }, { name: "Our Team", id: "#team" },
{ name: "Testimonials", id: "testimonials" }, { name: "Reviews", id: "#testimonials" },
{ name: "Contact", id: "contact" }, { name: "Reservations", id: "/reservations" }
]} ]}
button={{ text: "Call Now", href: "#contact" }} button={{ text: "Book a Table", href: "/reservations" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlayTestimonial <HeroOverlayTestimonial
tag="Professional Landscaping" tag="Exquisite Dining in Bucharest"
tagIcon={Leaf} tagIcon={Star}
title="Transform Your Outdoor Space" title="Experience Grandioz Restaurant: A Culinary Journey"
description="Professional landscaping design, installation, and maintenance services. From lush gardens to stunning hardscapes, we bring your vision to life." description="Discover unparalleled elegance, exceptional cuisine, and impeccable service in the heart of Bucharest. Perfect for professionals, couples, and event hosts."
buttons={[ buttons={[
{ text: "Get Free Estimate", href: "#contact" }, { text: "Make a Reservation", href: "/reservations" },
{ text: "Our Services", href: "#services" }, { text: "Our Offerings", href: "#offerings" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/hero.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/hero-restaurant.jpg"
imageAlt="Landscaped garden with manicured lawn and shrubs" imageAlt="Elegant restaurant interior with fine dining setup"
showDimOverlay={true} showDimOverlay={true}
textPosition="top" textPosition="top"
testimonials={[ testimonials={[
{ {
name: "Sarah M.", name: "Maria Ionescu", handle: "Frequent Diner", testimonial: "Grandioz offers an unforgettable dining experience. The ambiance and flavors are simply magnificent!", rating: 5,
handle: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg", imageAlt: "Maria Ionescu"},
testimonial: "GreenScape completely transformed our backyard. The team was professional, creative, and delivered beyond our expectations.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.jpg",
imageAlt: "Sarah M.",
},
{ {
name: "David K.", name: "Alex Popa", handle: "Event Host", testimonial: "We hosted our company event here, and the team exceeded all expectations. Flawless service!", rating: 5,
handle: "Property Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg", imageAlt: "Alex Popa"},
testimonial: "We've used GreenScape for all our commercial properties. Their maintenance plans keep everything looking pristine year-round.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.jpg",
imageAlt: "David K.",
},
]} ]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
tag="About GreenScape" tag="Our Story"
tagIcon={Leaf} tagIcon={Star}
tagAnimation="slide-up" tagAnimation="slide-up"
title="We've been transforming outdoor spaces for over 15 years — delivering designs that homeowners love and landscapes that last." title="Grandioz Restaurant is a beacon of culinary excellence, crafting unforgettable dining experiences for over a decade in Bucharest."
description="James Carter, Lead Designer" description="Chef Elena Popescu, Founder"
subdescription="Founded in 2010" subdescription="Established 2013"
icon={TreePine} icon={Utensils}
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/about-video.mp4" videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/about-video.mp4"
mediaAnimation="slide-up" mediaAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
<div id="services" data-section="services"> <div id="offerings" data-section="offerings">
<FeatureCardNineteen <FeatureCardNineteen
tag="Our Services" tag="Our Offerings"
tagIcon={Leaf} tagIcon={ChefHat}
title="What We Do" title="Savor the Grandioz Experience"
description="From design to maintenance, we handle every aspect of your landscape." description="From intimate dinners to grand celebrations, we cater to every culinary desire."
buttonAnimation="slide-up" buttonAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
imageContainerClassName="!rotate-0 !aspect-square" imageContainerClassName="!rotate-0 !aspect-square"
features={[ features={[
{ {
tag: "Design", tag: "Dining", title: "Fine Dining", subtitle: "Exquisite Cuisine", description: "Indulge in a menu crafted with the finest ingredients and artistic flair, perfect for any occasion.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/menu-1.jpg", imageAlt: "Fine dining plate"},
title: "Landscape Design",
subtitle: "Custom Plans",
description: "We create tailored landscape designs that complement your property's architecture and your personal style.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-2.jpg",
imageAlt: "Landscape design",
},
{ {
tag: "Installation", tag: "Events", title: "Private Events", subtitle: "Unforgettable Celebrations", description: "Host your special moments with us from corporate gatherings to intimate weddings, tailored to perfection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/menu-2.jpg", imageAlt: "Private event setup"},
title: "Hardscape & Softscape",
subtitle: "Full Installation",
description: "From patios and walkways to gardens and trees, we handle the complete installation process.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-3.jpg",
imageAlt: "Hardscape installation",
},
{ {
tag: "Maintenance", tag: "Wine", title: "Sommelier Selection", subtitle: "Curated Cellar", description: "Explore our extensive wine list, expertly paired by our sommelier to enhance your meal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/menu-3.jpg", imageAlt: "Wine cellar"},
title: "Lawn & Garden Care",
subtitle: "Ongoing Service",
description: "Keep your property looking pristine year-round with our professional maintenance plans.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",
imageAlt: "Lawn maintenance",
},
{ {
tag: "Irrigation", tag: "Ambiance", title: "Rooftop Terrace", subtitle: "Panoramic Views", description: "Enjoy breathtaking views of Bucharest from our elegant rooftop terrace, perfect for drinks and light bites.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/menu-4.jpg?_wi=1", imageAlt: "Rooftop terrace view"},
title: "Smart Irrigation",
subtitle: "Water Management",
description: "Efficient irrigation systems that keep your landscape healthy while conserving water.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-5.jpg",
imageAlt: "Irrigation system",
},
]} ]}
/> />
</div> </div>
<div id="why-us" data-section="why-us"> <div id="our-philosophy" data-section="our-philosophy">
<TeamCardSix <TeamCardSix
title="Why Choose GreenScape" title="Our Culinary Philosophy"
description="What sets us apart from the rest." description="The principles that guide our kitchen and service."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
members={[ members={[
{ {
id: "1", id: "1", name: "Exquisite Ingredients", role: "Sourcing the finest local and international produce for unparalleled taste.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-6.jpg", imageAlt: "Fresh ingredients"},
name: "Expert Craftsmanship",
role: "Decades of combined experience in landscape design and installation.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-6.jpg",
imageAlt: "Expert craftsmanship",
},
{ {
id: "2", id: "2", name: "Artistic Presentation", role: "Every dish is a masterpiece, crafted with precision and passion.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-7.jpg", imageAlt: "Artistic food presentation"},
name: "Eco-Friendly Approach",
role: "Sustainable practices and native plant selections that thrive naturally.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-7.jpg",
imageAlt: "Eco-friendly landscaping",
},
{ {
id: "3", id: "3", name: "Impeccable Service", role: "Attentive and personalized service, anticipating your every need.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-8.jpg", imageAlt: "Elegant restaurant service"},
name: "Full-Service Care",
role: "From initial design to ongoing maintenance, we handle everything.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-8.jpg",
imageAlt: "Full-service care",
},
]} ]}
/> />
</div> </div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardOne <TeamCardOne
tag="Our Team" tag="Our Visionaries"
title="Meet the Experts" title="Meet the Grandioz Team"
description="The skilled professionals behind every beautiful landscape." description="The passionate individuals dedicated to your extraordinary dining experience."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
animationType="slide-up" animationType="slide-up"
members={[ members={[
{ {
id: "1", id: "1", name: "Chef Elena Popescu", role: "Head Chef", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-11.jpg?_wi=1", imageAlt: "Chef Elena Popescu"},
name: "James Carter",
role: "Lead Designer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
imageAlt: "James Carter",
},
{ {
id: "2", id: "2", name: "Matei Dragan", role: "Sommelier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-10.jpg?_wi=1", imageAlt: "Matei Dragan"},
name: "Maria Silva",
role: "Horticulturist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg",
imageAlt: "Maria Silva",
},
{ {
id: "3", id: "3", name: "Andreea Vasile", role: "Restaurant Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-9.jpg?_wi=1", imageAlt: "Andreea Vasile"},
name: "Ryan Mitchell",
role: "Project Manager",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
imageAlt: "Ryan Mitchell",
},
]} ]}
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve <TestimonialCardTwelve
cardTag="Trusted by Homeowners" cardTag="Raved by Diners"
cardTagIcon={Leaf} cardTagIcon={Star}
cardTitle="Over 500 happy clients trust GreenScape to transform and maintain their outdoor spaces." cardTitle="Hear from our esteemed guests and discover why Grandioz is Bucharest's top dining destination."
buttons={[{ text: "Contact Now", href: "#contact" }]} buttons={[{ text: "Make a Reservation", href: "/reservations" }]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
cardAnimation="slide-up" cardAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Maria Ionescu", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-10.jpg?_wi=2", imageAlt: "Maria Ionescu"},
name: "Sarah M.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-10.jpg",
imageAlt: "Sarah M.",
},
{ {
id: "2", id: "2", name: "Alex Popa", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-11.jpg?_wi=2", imageAlt: "Alex Popa"},
name: "David K.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-11.jpg",
imageAlt: "David K.",
},
{ {
id: "3", id: "3", name: "Sofia Dumitrescu", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/menu-4.jpg?_wi=2", imageAlt: "Sofia Dumitrescu"},
name: "Emily R.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-4.jpg",
imageAlt: "Emily R.",
},
{ {
id: "4", id: "4", name: "Dragoș Marinescu", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/restaurant/team-9.jpg?_wi=2", imageAlt: "Dragoș Marinescu"},
name: "Ryan M.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/img-9.jpg",
imageAlt: "Ryan M.",
},
]} ]}
/> />
</div> </div>
@@ -251,79 +171,48 @@ export default function LandscapingPage() {
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
tag="FAQ" tag="FAQ"
title="Frequently Asked Questions" title="Your Questions, Our Answers"
description="Everything you need to know about our landscaping services." description="Everything you need to know about dining at Grandioz Restaurant."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqsAnimation="slide-up" faqsAnimation="slide-up"
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "How far in advance should I make a reservation?", content: "We recommend booking at least 1-2 weeks in advance for weekend dinners and special occasions. For large groups or private events, please inquire 1-2 months ahead."},
title: "How long does a typical landscaping project take?",
content: "Most residential projects take 1-3 weeks depending on scope. We'll provide a detailed timeline during your consultation so you know exactly what to expect.",
},
{ {
id: "2", id: "2", title: "Is there a dress code?", content: "Grandioz Restaurant maintains an elegant casual dress code. Smart attire is appreciated, and jackets are recommended for gentlemen during dinner service."},
title: "Do you offer free consultations?",
content: "Yes! We offer complimentary on-site consultations where we assess your property, discuss your vision, and provide a detailed estimate — no obligation.",
},
{ {
id: "3", id: "3", title: "Do you accommodate dietary restrictions?", content: "Yes, our culinary team is happy to accommodate most dietary restrictions and allergies. Please inform us of any requirements when making your reservation."},
title: "What areas do you serve?",
content: "We serve the greater metropolitan area and surrounding suburbs within a 50-mile radius. Contact us to confirm service availability in your location.",
},
{ {
id: "4", id: "4", title: "Can I book a private event or large group dinner?", content: "Absolutely! We have several private dining spaces perfect for events of all sizes. Please contact our events team via the 'Book a Table' button or direct email to discuss your needs."},
title: "Do you provide ongoing maintenance?",
content: "Absolutely. We offer weekly, bi-weekly, and monthly maintenance plans that include mowing, trimming, fertilization, and seasonal cleanups.",
},
{ {
id: "5", id: "5", title: "Is parking available?", content: "Valet parking is available for all our guests. There are also several public parking options within a short walking distance."},
title: "Are your practices eco-friendly?",
content: "Yes, sustainability is core to our approach. We use native plants, organic fertilizers, smart irrigation, and environmentally responsible methods whenever possible.",
},
{ {
id: "6", id: "6", title: "What is your cancellation policy?", content: "Cancellations or changes to your reservation must be made at least 24 hours in advance. Late cancellations or no-shows may incur a fee."},
title: "Do you handle permits and HOA approvals?",
content: "We handle all necessary permits and can work directly with your HOA to ensure your project meets community guidelines and gets approved smoothly.",
},
]} ]}
/> />
</div> </div>
<div id="contact" data-section="contact" className="relative overflow-hidden"> <div id="book-a-table" data-section="book-a-table">
<div className="absolute inset-0 w-full h-full">
<video
src="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/landscaping/bg-video.mp4"
autoPlay
muted
loop
playsInline
aria-hidden="true"
className="w-full h-full object-cover"
/>
<div className="absolute inset-0 bg-foreground/70" />
</div>
<ContactSplitForm <ContactSplitForm
title="Get Your Free Estimate" title="Book Your Unforgettable Dining Experience"
description="Tell us about your project and we'll get back to you within 24 hours." description="Reserve your table at Grandioz Restaurant. We look forward to welcoming you."
useInvertedBackground={false} useInvertedBackground={true}
mediaAnimation="none" mediaAnimation="none"
buttonText="Send Message" buttonText="Confirm Reservation"
contentClassName="!grid-cols-1 max-w-[600px] mx-auto" contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
mediaWrapperClassName="hidden" mediaWrapperClassName="hidden"
inputs={[ inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number" }, { name: "phone", type: "tel", placeholder: "Phone Number" },
{ name: "date", type: "date", placeholder: "Date", required: true },
{ name: "time", type: "time", placeholder: "Time", required: true }
]} ]}
multiSelect={{ multiSelect={{
name: "service", name: "guests", label: "Number of Guests", options: ["1", "2", "3", "4", "5", "6", "7-10", "10+ (Private Event)"],
label: "Select a Service",
options: ["Landscape Design", "Hardscape & Softscape", "Lawn & Garden Care", "Smart Irrigation"],
}} }}
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }} textarea={{ name: "message", placeholder: "Special Requests (Dietary, Occasion, etc.)", rows: 4, required: false }}
/> />
</div> </div>
@@ -331,33 +220,31 @@ export default function LandscapingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Services", title: "Our Offerings", items: [
items: [ { label: "Fine Dining", href: "#offerings" },
{ label: "Landscape Design", href: "#services" }, { label: "Private Events", href: "#offerings" },
{ label: "Hardscape & Softscape", href: "#services" }, { label: "Sommelier Selection", href: "#offerings" },
{ label: "Lawn & Garden Care", href: "#services" }, { label: "Rooftop Terrace", href: "#offerings" },
{ label: "Smart Irrigation", href: "#services" },
], ],
}, },
{ {
title: "Company", title: "Grandioz", items: [
items: [ { label: "Our Story", href: "#about" },
{ label: "About", href: "#about" }, { label: "Our Team", href: "#team" },
{ label: "Team", href: "#team" }, { label: "Reviews", href: "#testimonials" },
{ label: "Testimonials", href: "#testimonials" },
{ label: "FAQ", href: "#faq" }, { label: "FAQ", href: "#faq" },
], ],
}, },
{ {
title: "Contact", title: "Reservations", items: [
items: [ { label: "Book a Table", href: "/reservations" },
{ label: "(555) 123-4567", href: "tel:5551234567" }, { label: "+40 712 345 678", href: "tel:+40712345678" },
{ label: "hello@greenscape.com", href: "mailto:hello@greenscape.com" }, { label: "reservations@grandioz.com", href: "mailto:reservations@grandioz.com" },
{ label: "Los Angeles, CA" }, { label: "Bucharest, Romania" },
], ],
}, },
]} ]}
bottomLeftText="© 2026 GreenScape Landscaping" bottomLeftText="© 2026 Grandioz Restaurant"
bottomRightText="All rights reserved" bottomRightText="All rights reserved"
/> />
</div> </div>

View File

@@ -0,0 +1,97 @@
"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Star } from "lucide-react";
export default function ReservationsPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="large"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="Grandioz Restaurant"
navItems={[
{ name: "Our Offerings", id: "#offerings" },
{ name: "Our Story", id: "#about" },
{ name: "Our Team", id: "#team" },
{ name: "Reviews", id: "#testimonials" },
{ name: "Reservations", id: "/reservations" }
]}
button={{ text: "Book a Table", href: "/reservations" }}
/>
</div>
<div id="reservation-form" data-section="reservation-form">
<ContactSplitForm
title="Book Your Unforgettable Dining Experience"
description="Reserve your table at Grandioz Restaurant. We look forward to welcoming you."
useInvertedBackground={true}
mediaAnimation="none"
buttonText="Confirm Reservation"
contentClassName="!grid-cols-1 max-w-[600px] mx-auto"
mediaWrapperClassName="hidden"
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number" },
{ name: "date", type: "date", placeholder: "Date", required: true },
{ name: "time", type: "time", placeholder: "Time", required: true }
]}
multiSelect={{
name: "guests", label: "Number of Guests", options: ["1", "2", "3", "4", "5", "6", "7-10", "10+ (Private Event)"],
}}
textarea={{ name: "message", placeholder: "Special Requests (Dietary, Occasion, etc.)", rows: 4, required: false }}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Our Offerings", items: [
{ label: "Fine Dining", href: "/reservations#offerings" },
{ label: "Private Events", href: "/reservations#offerings" },
{ label: "Sommelier Selection", href: "/reservations#offerings" },
{ label: "Rooftop Terrace", href: "/reservations#offerings" },
],
},
{
title: "Grandioz", items: [
{ label: "Our Story", href: "/#about" },
{ label: "Our Team", href: "/#team" },
{ label: "Reviews", href: "/#testimonials" },
{ label: "FAQ", href: "/#faq" },
],
},
{
title: "Reservations", items: [
{ label: "Book a Table", href: "/reservations" },
{ label: "+40 712 345 678", href: "tel:+40712345678" },
{ label: "reservations@grandioz.com", href: "mailto:reservations@grandioz.com" },
{ label: "Bucharest, Romania" },
],
},
]}
bottomLeftText="© 2026 Grandioz Restaurant"
bottomRightText="All rights reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}