Merge version_2 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -5,11 +5,11 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Clock, Star, Users, Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,204 +30,69 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ans Sports"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="The best place to eat after sports in Ans"
|
||||
description="Cafétéria Brasserie Ans Sports is a modern brasserie where sport meets comfort. Join us after a match, an training session, or just to relax in a friendly atmosphere."
|
||||
kpis={[
|
||||
{
|
||||
value: "15€",
|
||||
label: "After Match Menu",
|
||||
},
|
||||
{
|
||||
value: "Local",
|
||||
label: "Belgian Classics",
|
||||
},
|
||||
{
|
||||
value: "Daily",
|
||||
label: "Fresh Specials",
|
||||
},
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Post-Match Perfection in Ans"
|
||||
description="Fuel your victory or wind down after a training session. Join our community of athletes and food lovers at Ans Sports Brasserie."
|
||||
testimonials={[
|
||||
{ name: "Marc Dubois", handle: "@coach", testimonial: "The best post-match burger in town!", rating: 5 },
|
||||
{ name: "Sophie L.", handle: "@local", testimonial: "Fresh ingredients and a great atmosphere.", rating: 5 }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg?_wi=1"
|
||||
imageAlt="Modern Belgian Brasserie Interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bartender-serving-beer-bar-counter_107420-94877.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215848.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by local athletes"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Post-Match Meals",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Belgian Beers",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Team Atmosphere",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Ingredients",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Open Daily",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Your Brasserie in Ans"
|
||||
description="Cafétéria Brasserie Ans Sports is a modern brasserie located within the sports complex in Ans, Belgium. We provide a space where athletes, families, and friends gather to share delicious meals."
|
||||
subdescription="Our menu features Belgian classics, crispy fries, juicy burgers, and refreshing drinks in a warm, athletic-inspired environment."
|
||||
icon={Utensils}
|
||||
<MetricSplitMediaAbout
|
||||
title="Authentic Brasserie Experience"
|
||||
description="We combine the energy of the sports field with the comfort of traditional Belgian dining. Quality, service, and a welcoming team spirit."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "5k+", title: "Meals Served" },
|
||||
{ value: "100%", title: "Local Products" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215848.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Our Signature Menu"
|
||||
description="Hand-crafted Belgian dishes designed for recovery and enjoyment."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Belgian Steak with Fries",
|
||||
price: "18€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chicken Burger",
|
||||
price: "14€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cheese Croquettes",
|
||||
price: "9€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Belgian Waffles",
|
||||
price: "7€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", name: "Belgian Steak with Fries", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=1" },
|
||||
{ id: "2", name: "Chicken Burger", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg?_wi=2" },
|
||||
{ id: "3", name: "Cheese Croquettes", price: "9€", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=2" },
|
||||
{ id: "4", name: "Belgian Waffles", price: "7€", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=3" },
|
||||
]}
|
||||
title="Our Digital Menu"
|
||||
description="Discover our selection of starters, mains, and desserts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
<TestimonialCardTen
|
||||
title="Community Voices"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marc Dubois",
|
||||
role: "Sports Club Coach",
|
||||
testimonial: "Perfect place for the team after match! The burger is excellent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg?_wi=3",
|
||||
imageAlt: "modern belgian brasserie interior wooden tables",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sophie Lambert",
|
||||
role: "Local Visitor",
|
||||
testimonial: "Very friendly staff and great fries. A staple in Ans.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-meat-broccoli-homemade-potatoes_140725-2187.jpg?_wi=4",
|
||||
imageAlt: "belgian steak with fries wooden table",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jean Dupont",
|
||||
role: "Family Guest",
|
||||
testimonial: "Nice atmosphere, good beers, my kids loved the spaghetti!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bartender-serving-beer-bar-counter_107420-94877.jpg?_wi=1",
|
||||
imageAlt: "modern sports bar beer taps",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Martin",
|
||||
role: "Visitor",
|
||||
testimonial: "Excellent value for the after-match menu. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215848.jpg?_wi=2",
|
||||
imageAlt: "friends eating sports brasserie after match",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Thomas V.",
|
||||
role: "Player",
|
||||
testimonial: "The best spot in the complex for post-training recovery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinning-room-table-chairs_1339-4043.jpg?_wi=4",
|
||||
imageAlt: "modern belgian brasserie interior wooden tables",
|
||||
},
|
||||
{ id: "1", title: "Excellent food", quote: "Perfect for the team after match!", name: "Marc Dubois", role: "Sports Club Coach" },
|
||||
{ id: "2", title: "Great vibe", quote: "Very friendly staff and great fries.", name: "Sophie Lambert", role: "Local Visitor" }
|
||||
]}
|
||||
title="What our guests say"
|
||||
description="Join our community of happy customers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -235,53 +100,20 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept group reservations?",
|
||||
content: "Yes, we accept group reservations. Please contact us to book your table.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you have happy hour drinks?",
|
||||
content: "We offer happy hour specials regularly. Come see us to enjoy them!",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there parking available?",
|
||||
content: "We are located within the sports complex in Ans, which offers convenient parking.",
|
||||
},
|
||||
{ id: "q1", title: "Group Reservations", content: "Yes, we accommodate teams and large groups. Contact us to book." },
|
||||
{ id: "q2", title: "Parking Access", content: "Located within the Ans Sports complex with ample free parking." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about your next visit."
|
||||
sideTitle="Your Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact us"
|
||||
description="Got a question? Send us a message and we'll get back to you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
title="Book a Table"
|
||||
description="Ready to refuel? Drop us a line and let us know when you're coming."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
|
||||
textarea={{ name: "message", placeholder: "Message (e.g. group size)", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bartender-serving-beer-bar-counter_107420-94877.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -296,4 +128,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user