Update src/app/page.tsx
This commit is contained in:
332
src/app/page.tsx
332
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
@@ -31,26 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Celebrations",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Menu Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#pricing" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Columbia Restaurant"
|
||||
/>
|
||||
@@ -58,48 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="A Century of Celebration"
|
||||
description="Experience the timeless flavors and storied traditions that have made Columbia Restaurant a destination for generations of milestone celebrations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Event",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Event", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-experience-cityscape-night-generated-by-ai_188544-16619.jpg",
|
||||
imageAlt: "Celebration scene",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg",
|
||||
imageAlt: "Dining scene",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129573.jpg",
|
||||
imageAlt: "Heritage scene",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg",
|
||||
imageAlt: "Celebration scene",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg",
|
||||
imageAlt: "Dining scene",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-with-many-decorative-details_169016-11019.jpg",
|
||||
imageAlt: "Heritage scene",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-experience-cityscape-night-generated-by-ai_188544-16619.jpg", imageAlt: "Celebration scene" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg", imageAlt: "Dining scene" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129573.jpg", imageAlt: "Heritage scene" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", imageAlt: "Celebration scene" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-night-city-with-young-woman_23-2149124061.jpg", imageAlt: "Dining scene" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/romantic-table-setting-with-burning-candles-dried-flowers-with-many-decorative-details_169016-11019.jpg", imageAlt: "Heritage scene" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,11 +61,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Storied Heritage"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -121,40 +70,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Private Dining",
|
||||
author: "Host your event",
|
||||
description: "Custom menus in our elegant private rooms.",
|
||||
tags: [
|
||||
"Exclusive",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-setting-table-luxury-place_8353-9905.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Gourmet Cuisine",
|
||||
author: "Savor the flavors",
|
||||
description: "Hand-crafted dishes using timeless recipes.",
|
||||
tags: [
|
||||
"Signature",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sliced-salmon-with-arugula-grapefruit-sauce_141793-954.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Expert Service",
|
||||
author: "Attentive care",
|
||||
description: "Our team ensures every detail is perfect.",
|
||||
tags: [
|
||||
"Hospitality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-blue-suit-clang-their-glasses-sitting-couch_8353-8846.jpg",
|
||||
},
|
||||
]}
|
||||
title="Unforgettable Moments"
|
||||
description="From private gatherings to grand celebrations, we provide the perfect stage for your most important memories."
|
||||
features={[]}
|
||||
title="Our Culinary Experience"
|
||||
description="Discover our signature dishes and curated wine lists in our private dining rooms."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,218 +81,66 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Patron",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Henderson",
|
||||
role: "Patron",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-celebrating-love_23-2147644586.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Linda Garcia",
|
||||
role: "Patron",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-passionate-woman-with-flower-table_23-2148001712.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Chen",
|
||||
role: "Patron",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily Davis",
|
||||
role: "Patron",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Years Served",
|
||||
},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Milestones Celebrated",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{ value: "100+", label: "Years Served" },
|
||||
{ value: "1M+", label: "Milestones" },
|
||||
{ value: "5.0", label: "Rating" },
|
||||
]}
|
||||
title="Generations of Joy"
|
||||
description="See why families have chosen us for their special moments for over 100 years."
|
||||
description="Hear from our satisfied guests."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Seasonal Menus"
|
||||
description="Explore our curated prix-fixe menus for your next event."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$80/pp",
|
||||
name: "Intimate Gathering",
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Customized Prix-fixe",
|
||||
"Dedicated Server",
|
||||
"Floral Centerpieces",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$120/pp",
|
||||
name: "Grand Celebration",
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Banquet Access",
|
||||
"Premium Open Bar",
|
||||
"Signature Menu",
|
||||
"Custom Decor",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Popular", price: "$75", subtitle: "Lunch Banquet", buttons: [{ text: "Select" }], features: ["Starter", "Entree", "Dessert"] },
|
||||
{ id: "p2", badge: "Premium", price: "$150", subtitle: "Dinner Gala", buttons: [{ text: "Select" }], features: ["Appetizer Trio", "Main Course", "Premium Wines", "Coffee Service"] },
|
||||
]}
|
||||
title="Celebration Packages"
|
||||
description="Choose from our curated event experiences designed for effortless elegance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1905",
|
||||
title: "Founded",
|
||||
description: "Century-old history",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
title: "Dining Rooms",
|
||||
description: "Unique event spaces",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-reception-hall-with-elegant-table-setting-with-candles_181624-15206.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Staff Members",
|
||||
description: "Dedicated hospitality team",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-pouring-champagne-glasses_23-2147931963.jpg",
|
||||
},
|
||||
]}
|
||||
title="A Legacy of Excellence"
|
||||
description="Quality remains at the heart of our celebration tradition."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about reservations and dining."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can we bring our own decor?",
|
||||
content: "Yes, we allow custom decorations to make your celebration unique.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are vegetarian menus available?",
|
||||
content: "Absolutely, our chefs provide extensive dietary options.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the booking lead time?",
|
||||
content: "We recommend booking at least 3 months in advance.",
|
||||
},
|
||||
{ id: "q1", title: "Do you host private events?", content: "Yes, we have multiple private dining rooms available for all occasions." },
|
||||
{ id: "q2", title: "Is there a dress code?", content: "We recommend business casual attire for all guests." },
|
||||
{ id: "q3", title: "How do I book?", content: "Contact our events team directly through the form below." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to plan your celebration."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-dish-restaurant-kitchen_23-2148118021.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactCTA
|
||||
tag="Reservations"
|
||||
title="Book Your Table"
|
||||
description="Reach out to us to schedule your next dining experience or private celebration."
|
||||
buttons={[{ text: "Email Us", href: "mailto:events@columbiarestaurant.com" }, { text: "Call Us", href: "tel:+15550123456" }]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Start planning your perfect celebration at Columbia Restaurant today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:events@columbiarestaurant.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterLogoEmphasis
|
||||
logoText="Columbia"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Events",
|
||||
items: [
|
||||
{
|
||||
label: "Private Dining",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Our Menu", href: "#pricing" }] },
|
||||
{ items: [{ label: "Events", href: "#features" }, { label: "Bookings", href: "#contact" }] },
|
||||
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Columbia Restaurant."
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user