198 lines
9.7 KiB
TypeScript
198 lines
9.7 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Coffee } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="medium"
|
||
sizing="largeSmall"
|
||
background="circleGradient"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Alberto's"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Fresh Food. Relaxed Atmosphere."
|
||
description="A local Adelaide dining experience with quality food, friendly service and a welcoming atmosphere."
|
||
tag="Alberto's @ Broadview"
|
||
buttons={[
|
||
{
|
||
text: "View Menu", href: "#menu"},
|
||
{
|
||
text: "Visit Us", href: "#contact"},
|
||
]}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-coffee-set-near-beans-geyser-coffee-maker_23-2148180204.jpg", imageAlt: "Restaurant ambiance"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1806.jpg", imageAlt: "Quality food selection"}
|
||
]}
|
||
mediaAnimation="blur-reveal"
|
||
rating={5}
|
||
ratingText="Loved by locals in Broadview"
|
||
tagIcon={Coffee}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="A Community Gathering Place"
|
||
description={[
|
||
"Alberto's @ Broadview is more than just a restaurant; it's a home away from home. We focus on providing quality meals made from fresh, local ingredients, paired with friendly service that treats every customer like part of our family.", "Whether you're grabbing a morning coffee, enjoying lunch with friends, or sharing a dinner with family, our warm and relaxed atmosphere is designed for everyone to unwind and enjoy.", "Come visit us and see why we are a favorite among the local Broadview and Adelaide community."]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split-description"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "p1", brand: "Breakfast", name: "Smashed Avo & Poached Eggs", price: "$18", rating: 5,
|
||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/cup-lemon-tea-breakfast-round-white-table_23-2148067060.jpg"},
|
||
{
|
||
id: "p2", brand: "Lunch", name: "Grilled Chicken Salad", price: "$22", rating: 5,
|
||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-avocado-raddish-orange-arugula-sauce_140725-1337.jpg"},
|
||
{
|
||
id: "p3", brand: "Coffee", name: "Signature Flat White", price: "$5", rating: 5,
|
||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/professional-barista-pouring-milk-into-cup-coffee_1112-479.jpg"},
|
||
{
|
||
id: "p4", brand: "Desserts", name: "House Made Tiramisu", price: "$12", rating: 5,
|
||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-having-cup-coffee_171337-17117.jpg"},
|
||
{
|
||
id: "p5", brand: "Specials", name: "Chef's Daily Pasta", price: "$24", rating: 5,
|
||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg"},
|
||
{
|
||
id: "p6", brand: "Drinks", name: "Fresh Seasonal Juice", price: "$8", rating: 5,
|
||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3441.jpg"},
|
||
]}
|
||
title="Our Daily Menu"
|
||
description="From morning brews to evening specials, explore our curated selection of quality dishes and drinks."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<TeamCardSix
|
||
textboxLayout="split-description"
|
||
gridVariant="bento-grid"
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
members={[
|
||
{
|
||
id: "g1", name: "The Dining Room", role: "Warm & Relaxed", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-cafe_1303-25716.jpg"},
|
||
{
|
||
id: "g2", name: "Quality Coffee", role: "Fresh Brewed", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-sweet-biscuits-inside-designed-plate-dark-space_140725-95309.jpg"},
|
||
{
|
||
id: "g3", name: "Atmosphere", role: "Community Focused", imageSrc: "http://img.b2bpic.net/free-photo/decoration-bean-old-closeup-aroma_1203-5601.jpg"},
|
||
{
|
||
id: "g4", name: "Fresh Ingredients", role: "Kitchen Fresh", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-reunion_23-2149144381.jpg"},
|
||
]}
|
||
title="Capturing the Experience"
|
||
description="A glimpse into the life at Alberto’s. Good food, warm conversations, and great memories."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardTen
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t1", title: "Great atmosphere", quote: "The staff are always friendly and the food is consistently high quality. My local spot!", name: "Sarah J.", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg"},
|
||
{
|
||
id: "t2", title: "Best in Broadview", quote: "I love the relaxed dining experience. It's the perfect place to catch up with friends.", name: "Mark D.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/digital-lavender-interior-design_23-2151561244.jpg"},
|
||
{
|
||
id: "t3", title: "Quality and Service", quote: "Truly a welcoming atmosphere. You can tell the owners really care about the community.", name: "Emily R.", role: "Family Diner", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bulb-room_181624-57611.jpg"},
|
||
{
|
||
id: "t4", title: "Fantastic food", quote: "Everything I've tried has been delicious. Alberto's is a gem in Broadview.", name: "David K.", role: "Lunch Fan", imageSrc: "http://img.b2bpic.net/free-photo/young-male-barista-preparing-coffee-coffee-shop_1303-31774.jpg"},
|
||
{
|
||
id: "t5", title: "Warmly recommended", quote: "Relaxed, friendly, and great service. Exactly what I look for in a local restaurant.", name: "Jessica L.", role: "Coffee Lover", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-croissant-plate-covered-chocolate-cafe_181624-57999.jpg"},
|
||
]}
|
||
title="What Our Locals Say"
|
||
description="Heartfelt feedback from the wonderful community of Broadview."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Visit Us"
|
||
title="Find Us"
|
||
description="123 Broadview Road, Broadview, Adelaide SA\n\nOpening Hours:\nMon-Fri: 7am - 8pm\nSat-Sun: 8am - 9pm\n\nPhone: (08) 8123 4567"
|
||
imageSrc="http://img.b2bpic.net/free-photo/girl-stands-sideway-near-wall-looks-into-distance_8353-9444.jpg"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="left"
|
||
buttonText="Follow on Instagram"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "About", href: "#about"},
|
||
{
|
||
label: "Menu", href: "#menu"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Instagram", href: "https://instagram.com"},
|
||
{
|
||
label: "Facebook", href: "https://facebook.com"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Alberto's @ Broadview"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|