Update src/app/page.tsx

This commit is contained in:
2026-05-08 00:33:19 +00:00
parent 05c7cc31ea
commit 945205442d

View File

@@ -3,14 +3,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TextAbout from '@/components/sections/about/TextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
export default function LandingPage() {
return (
@@ -30,339 +30,99 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Specials",
id: "specials",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Visit",
id: "visit",
},
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Specials", id: "specials" },
{ name: "Reviews", id: "reviews" },
{ name: "Visit", id: "contact" },
]}
brandName="Cliffy's"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
<HeroBillboardRotatedCarousel
title="Cold Beer. Legendary Food. Real People."
description="The kind of neighborhood pub that doesn't try too hard — because it doesn't have to. Famous wings. Free pool. Friendly bartenders. Massive burgers."
buttons={[
{
text: "View Specials",
href: "#specials",
},
{
text: "Order Takeout",
href: "#",
},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/glamour-african-american-woman-wear-fashionable-snake-dress-sunglasses-pose-restaurant_627829-5449.jpg"
imageAlt="Cliffy's Neighborhood Pub"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-man-holding-smartphone-glass-beer_1262-3554.jpg",
alt: "Happy Man Holding Smartphone",
},
{
src: "http://img.b2bpic.net/free-photo/happy-handsome-man-holding-glass-beer-bar_1262-3553.jpg",
alt: "Happy Handsome Man Holding Glass of Beer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-holding-beer-mug_23-2148872458.jpg",
alt: "Close-up smiley man holding beer mug",
},
{
src: "http://img.b2bpic.net/free-photo/happy-female-friends-enjoying-while-talking-pub_637285-12527.jpg",
alt: "Happy female friends enjoying while talking",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005414.jpg",
alt: "Medium shot woman holding cup",
},
]}
avatarText="Join our daily regulars"
marqueeItems={[
{
type: "text",
text: "Craft Beer",
},
{
type: "text",
text: "Live Trivia",
},
{
type: "text",
text: "Famous Wings",
},
{
type: "text",
text: "Late Night",
},
{
type: "text",
text: "Outdoor Patio",
},
background={{ variant: "gradient-bars" }}
buttons={[{ text: "View Specials", href: "#specials" }, { text: "Order Takeout", href: "#" }]}
carouselItems={[
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/glamour-african-american-woman-wear-fashionable-snake-dress-sunglasses-pose-restaurant_627829-5449.jpg" },
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-holding-smartphone-glass-beer_1262-3554.jpg" },
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/happy-handsome-man-holding-glass-beer-bar_1262-3553.jpg" },
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-holding-beer-mug_23-2148872458.jpg" },
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-friends-enjoying-while-talking-pub_637285-12527.jpg" },
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005414.jpg" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
<TextAbout
useInvertedBackground={true}
title="Built For Locals. Loved By Everyone."
description="Cliffy's is where Keene comes to unwind. No fake luxury. Just incredible pub food, ice-cold beer, and the kind of atmosphere you instantly feel part of."
imageSrc="http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg"
imageAlt="Cliffy's atmosphere"
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Wings",
title: "Trifecta Wings",
items: [
"Crispy",
"Saucy",
"Unforgettable",
],
},
{
id: "f2",
label: "Burger",
title: "BBQ Bacon Burger",
items: [
"Juicy",
"Hand-cut fries",
"Signature BBQ",
],
},
{
id: "f3",
label: "Grinder",
title: "Steak & Cheese",
items: [
"Shaved steak",
"Melty cheese",
"Local favorite",
],
},
{
id: "f4",
label: "Soup",
title: "Seafood Chowder",
items: [
"Haddock",
"Shrimp",
"Comfort in a bowl",
],
},
]}
<FeatureCardNine
showStepNumbers={true}
title="Pub Food Done Right"
description="Crowd favorites that keep locals coming back for more."
animationType="slide-up"
textboxLayout="default"
features={[
{ title: "Trifecta Wings", description: "Crispy, saucy, unforgettable.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-dark-wooden-surface_1150-44340.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-dark-wooden-surface_1150-44340.jpg" } },
{ title: "BBQ Bacon Burger", description: "Juicy, hand-cut fries, signature BBQ.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/rustic-restaurant-furniture-restaurant_53876-16490.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/rustic-restaurant-furniture-restaurant_53876-16490.jpg" } },
]}
/>
</div>
<div id="specials" data-section="specials">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "50¢ Wing Wednesday",
price: "Wednesday Nights",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-dark-wooden-surface_1150-44340.jpg",
},
{
id: "p2",
name: "Happy Hour",
price: "MonFri • 3PM6PM",
imageSrc: "http://img.b2bpic.net/free-photo/rustic-restaurant-furniture-restaurant_53876-16490.jpg",
},
{
id: "p3",
name: "Free Pool",
price: "Every Night",
imageSrc: "http://img.b2bpic.net/free-photo/two-pints-beer_23-2151938599.jpg",
},
{
id: "p4",
name: "Game Nights",
price: "Big Screens",
imageSrc: "http://img.b2bpic.net/free-photo/beer-set-with-various-snacks-lots-beer_140725-6422.jpg",
},
{
id: "p5",
name: "Outdoor Patio",
price: "Summer Ready",
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-5507.jpg",
},
{
id: "p6",
name: "Trivia Night",
price: "Every Tuesday",
imageSrc: "http://img.b2bpic.net/free-photo/bartender-working-club_23-2150497646.jpg",
},
]}
<ProductCardTwo
title="Weekly Specials"
description="Midweek traditions the locals swear by."
gridVariant="asymmetric-60-wide-40-narrow"
animationType="slide-up"
textboxLayout="default"
products={[
{ id: "p1", brand: "Pub", name: "50¢ Wing Wednesday", price: "Wednesday Nights", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-dark-wooden-surface_1150-44340.jpg" },
{ id: "p2", brand: "Pub", name: "Happy Hour", price: "Mon-Fri", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/rustic-restaurant-furniture-restaurant_53876-16490.jpg" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "4.7★",
title: "Rating",
items: [
"116 Reviews",
"Local Favorite",
],
},
{
id: "m2",
value: "12+",
title: "Years",
items: [
"Serving Keene",
"Local Landmark",
],
},
{
id: "m3",
value: "100%",
title: "Pub Vibes",
items: [
"Real People",
"Friendly Crowd",
],
},
]}
<MetricCardEleven
title="Why We're Keene's Choice"
description="Consistent quality for over a decade."
animationType="slide-up"
textboxLayout="default"
metrics={[
{ id: "m1", value: "4.7★", title: "Rating", description: "High satisfaction", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-together-while-drinking-glass-beer-bar-friends-concept_58466-16172.jpg" },
{ id: "m2", value: "12+", title: "Years", description: "Serving Keene", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149005429.jpg" },
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Local",
company: "Keene Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-enjoying-together-while-drinking-glass-beer-bar-friends-concept_58466-16172.jpg",
},
{
id: "2",
name: "Michael Chen",
role: "Patron",
company: "Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffee-cup_23-2149005429.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
role: "Fan",
company: "Local Business",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg",
},
{
id: "4",
name: "David Kim",
role: "Regular",
company: "Daily Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-sitting-chair_23-2149220530.jpg",
},
{
id: "5",
name: "Lisa Wang",
role: "Customer",
company: "Keene Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-positive-bearded-man-red-tie-shirt-looking-camera-smiling-cherfully-showing-thumbs-up-standing-orange-background_141793-110893.jpg",
},
]}
kpiItems={[
{
value: "500+",
label: "Weekly Locals",
},
{
value: "4.8",
label: "Avg Rating",
},
{
value: "10k+",
label: "Wings Served",
},
]}
title="What Locals Say"
description="Don't just take our word for it."
<TestimonialCardFifteen
testimonial="Cliffy's is my go-to spot for wings and pool. Nothing beats the atmosphere here!"
rating={5}
author="Sarah Johnson"
avatars={[{ src: "http://img.b2bpic.net/free-photo/group-friends-enjoying-together-while-drinking-glass-beer-bar-friends-concept_58466-16172.jpg", alt: "Sarah" }]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Stop By Cliffy's"
description="Come for a drink, stay for the night."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Email Address",
},
]}
textarea={{
name: "message",
placeholder: "Reservation or inquiry?",
}}
inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-with-cutlery_23-2150312255.jpg"
mediaPosition="right"
/>
</div>
@@ -370,42 +130,9 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Cliffy's"
columns={[
{
title: "Hours",
items: [
{
label: "Mon Thu: 11AM 11PM",
href: "#",
},
{
label: "Fri Sat: 11AM 1AM",
href: "#",
},
{
label: "Sunday: 12PM 10PM",
href: "#",
},
],
},
{
title: "Visit",
items: [
{
label: "Keene, New Hampshire",
href: "#",
},
{
label: "(603) 5550199",
href: "tel:6035550199",
},
{
label: "hello@cliffyspub.com",
href: "mailto:hello@cliffyspub.com",
},
],
},
{ title: "Hours", items: [{ label: "Mon Thu: 11AM 11PM", href: "#" }] },
{ title: "Visit", items: [{ label: "Keene, NH", href: "#" }] }
]}
copyrightText="© 2026 Cliffy's Neighborhood Pub. All rights reserved."
/>
</div>
</ReactLenis>