3 Commits

Author SHA1 Message Date
2ca852efe3 Merge version_2 into main
Merge version_2 into main
2026-04-20 13:59:33 +00:00
229faa120b Update src/app/page.tsx 2026-04-20 13:59:30 +00:00
413f8d672d Merge version_1 into main
Merge version_1 into main
2026-04-19 23:39:50 +00:00

View File

@@ -3,12 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ButtonHoverBubble from '@/components/button/ButtonHoverBubble';
export default function LandingPage() {
return (
@@ -25,129 +26,101 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "/"},
{
name: "Menu", id: "/menu"},
{
name: "Reservations", id: "/reservations"},
{
name: "About", id: "/about"},
{
name: "Contact", id: "/contact"},
]}
brandName="Lounge Restaurant"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Reservations", id: "/reservations" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Lounge Restaurant"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars"}}
title="Cuisine & Cocktails in Charlesbourg"
description="Experience modern dining and mastercrafted cocktails in the heart of Québec. Reserve your table for an unforgettable evening."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg", alt: "Diner 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-enjoying-drinks_23-2147859549.jpg", alt: "Diner 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg", alt: "Diner 3" },
{ src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Diner 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg", alt: "Diner 5" }
]}
avatarText="Join 2,000+ happy diners"
buttons={[
{ text: "Call Now", href: "tel:+14185550123" },
{ text: "Reserve a Table", href: "/reservations" }
]}
marqueeItems={[
{ type: "text", text: "Modern Ambiance" },
{ type: "text", text: "Craft Cocktails" },
{ type: "text", text: "Local Ingredients" },
{ type: "text", text: "Private Events" },
{ type: "text", text: "Chef Inspired" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="Cuisine & Cocktails in Charlesbourg"
description="Experience modern dining and mastercrafted cocktails in the heart of Québec. Reserve your table for an unforgettable evening."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg", alt: "Diner 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-enjoying-drinks_23-2147859549.jpg", alt: "Diner 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg", alt: "Diner 3" },
{ src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Diner 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg", alt: "Diner 5" }
]}
avatarText="Join 2,000+ happy diners"
buttons={[
{ text: "Call Now", href: "tel:+14185550123" },
{ text: "Reserve a Table", href: "/reservations" }
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="A Modern Lounge Experience"
description="Discover our commitment to quality local ingredients and innovative cocktail pairings. Whether it's a romantic dinner or a celebratory night out, we provide the perfect ambiance."
imageSrc="http://img.b2bpic.net/free-photo/wooden-library-campus-with-huge-database-collection-study-books_482257-127027.jpg"
imageAlt="Restaurant ambiance"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="A Modern Lounge Experience"
description="Discover our commitment to quality local ingredients and innovative cocktail pairings. Whether it's a romantic dinner or a celebratory night out, we provide the perfect ambiance."
imageSrc="http://img.b2bpic.net/free-photo/wooden-library-campus-with-huge-database-collection-study-books_482257-127027.jpg"
imageAlt="Restaurant ambiance"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", title: "Great vibe!", quote: "The cocktails were exquisite and the food quality was top-notch.", name: "Sarah Miller", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg"},
{
id: "t2", title: "Best in Charlesbourg", quote: "Perfect for our anniversary celebration. Service was impeccable.", name: "Marc Dubois", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2516.jpg"},
{
id: "t3", title: "Incredible cocktails", quote: "The staff are experts. Perfectly paired for our course.", name: "Julie Tremblay", role: "Cocktail Lover", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65505.jpg"},
{
id: "t4", title: "Fantastic experience", quote: "Casual yet premium atmosphere. Will definitely come back.", name: "Thomas G.", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg"},
{
id: "t5", title: "Unique menu", quote: "Loved the tartare options. The atmosphere is energetic.", name: "Elena P.", role: "Tourist", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-old-woman-hotel-reception_482257-90621.jpg"},
]}
title="What our guests say"
description="Rated 4.3 stars by 1,977 local diners"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", title: "Great vibe!", quote: "The cocktails were exquisite and the food quality was top-notch.", name: "Sarah Miller", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg" },
{ id: "t2", title: "Best in Charlesbourg", quote: "Perfect for our anniversary celebration. Service was impeccable.", name: "Marc Dubois", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2516.jpg" },
{ id: "t3", title: "Incredible cocktails", quote: "The staff are experts. Perfectly paired for our course.", name: "Julie Tremblay", role: "Cocktail Lover", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65505.jpg" }
]}
title="What our guests say"
description="Rated 4.3 stars by 1,977 local diners"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
title="Why Choose Us?"
description="Exceptional service meets culinary excellence."
features={[
{
title: "Farm to Table", description: "Local ingredients sourced fresh daily.", imageSrc: "http://img.b2bpic.net/free-photo/plate-aubergine-wraps-stuffed-with-fillings_140725-8643.jpg"},
{
title: "Expert Mixology", description: "Crafted cocktails by professional bartenders.", imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1126.jpg"},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
title="Why Choose Us?"
description="Exceptional service meets culinary excellence."
features={[
{ title: "Farm to Table", description: "Local ingredients sourced fresh daily.", imageSrc: "http://img.b2bpic.net/free-photo/plate-aubergine-wraps-stuffed-with-fillings_140725-8643.jpg" },
{ title: "Expert Mixology", description: "Crafted cocktails by professional bartenders.", imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1126.jpg" },
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Sarah Miller", "Marc Dubois", "Julie Tremblay", "Thomas G.", "Elena P."]}
title="Trusted by 2,000+ Guests"
description="Join our community of happy diners."
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Sarah Miller", "Marc Dubois", "Julie Tremblay", "Thomas G.", "Elena P."]}
title="Trusted by 2,000+ Guests"
description="Join our community of happy diners."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{ label: "Home", href: "/" },
{ label: "Menu", href: "/menu" },
{ label: "Reservations", href: "/reservations" }
]
},
{
items: [
{ label: "Contact", href: "/contact" },
{ label: "About", href: "/about" }
]
}
]}
logoText="Lounge Restaurant"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Lounge Restaurant"
columns={[
{ title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }] },
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
{ title: "Contact Info", items: [{ label: "123 Main St, QC", href: "#" }, { label: "+1 418-555-0123", href: "tel:+14185550123" }] }
]}
/>
</div>
<div className="fixed bottom-6 right-6 z-50 md:hidden">
<ButtonHoverBubble text="Reserve Now" href="/reservations" className="shadow-lg" />
</div>
</ReactLenis>
</ThemeProvider>
);
}
}