Update src/app/page.tsx
This commit is contained in:
383
src/app/page.tsx
383
src/app/page.tsx
@@ -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: "Mon–Fri • 3PM–6PM",
|
||||
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) 555‑0199",
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user