Merge version_2 into main #4
232
src/app/page.tsx
232
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Heart, Star } from "lucide-react";
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import { Heart, Star, Phone, MapPin, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,163 +26,79 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Hitchin' Post"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Hitchin' Post"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="The Best Local Bar & Grill in Brady"
|
||||
description="Great food, cold drinks, and a place to unwind with friends."
|
||||
kpis={[
|
||||
{
|
||||
value: "Fresh", label: "Food"},
|
||||
{
|
||||
value: "Cold", label: "Drinks"},
|
||||
{
|
||||
value: "Local", label: "Vibes"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "/menu"},
|
||||
{
|
||||
text: "Get Directions", href: "/contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-wooden-rocking-chair-wooden-patio_181624-60471.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018824.jpg", alt: "Patron 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-friends-holding-glasses-drinks-bar_23-2147859561.jpg", alt: "Patron 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215873.jpg", alt: "Patron 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-taking-selfie-indoors_23-2149391032.jpg", alt: "Patron 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-attending-barbecue-outdoors_23-2148733575.jpg", alt: "Patron 5"},
|
||||
]}
|
||||
avatarText="Join our local community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Freshly Grilled"},
|
||||
{
|
||||
type: "text-icon", text: "Cold Beer", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Family Friendly"},
|
||||
{
|
||||
type: "text-icon", text: "Local Favorite", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text", text: "Great Atmosphere"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="Hitchin' Post"
|
||||
description="The local favorite in Brady, Nebraska. Great food, cold drinks, and good times."
|
||||
buttons={[{ text: "View Menu", href: "/menu" }, { text: "Get Directions", href: "/contact" }]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-wooden-rocking-chair-wooden-patio_181624-60471.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Delicious Burgers", description: "Freshly grilled, juicy patties.", imageSrc: "http://img.b2bpic.net/free-photo/big-hamburger-with-french-fries_140725-6498.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Refreshments", description: "Wide selection of cold beers.", imageSrc: "http://img.b2bpic.net/free-photo/craft-beer-concept-with-hipster-couple_23-2148111277.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Friendly Vibe", description: "Perfect spot for groups.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-rocking-chair-wooden-patio_181624-60471.jpg?_wi=2"},
|
||||
]}
|
||||
title="Food & Drinks You’ll Love"
|
||||
description="From juicy burgers and steak sandwiches to fresh pizza and a wide selection of drinks, Hitchin’ Post is your go-to spot for great taste and great vibes."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
title="Our Kitchen & Bar"
|
||||
description="From fresh-grilled burgers to our rotating craft beer selection, everything is made with care."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Food Menu", content: "Juicy burgers, steak sandwiches, and fresh pizza options." },
|
||||
{ id: "2", title: "Bar Service", content: "Local craft beers, signature cocktails, and cold sodas." },
|
||||
{ id: "3", title: "Events", content: "Join us for community events and weekly specials." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/big-hamburger-with-french-fries_140725-6498.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018824.jpg"},
|
||||
{
|
||||
id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-friends-holding-glasses-drinks-bar_23-2147859561.jpg"},
|
||||
{
|
||||
id: "3", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215873.jpg"},
|
||||
{
|
||||
id: "4", name: "Jenny L.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-taking-selfie-indoors_23-2149391032.jpg"},
|
||||
{
|
||||
id: "5", name: "Tom B.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-attending-barbecue-outdoors_23-2148733575.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Locals Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="What Neighbors Say"
|
||||
description="Join the community that loves the Hitchin' Post."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Best Burger!", quote: "The best burger I've had in Nebraska.", tag: "Patron", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018824.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Proudly Serving Brady"
|
||||
description="Local partnerships and community support keep us growing."
|
||||
names={[
|
||||
"Brady Community Center", "Local Farmers Market", "Brady Chamber of Commerce", "Small Business Association", "Local Sports League"]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
title="Community Roots"
|
||||
names={["Brady Community Center", "Local Farmers Market", "Brady Chamber of Commerce"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Products"
|
||||
description="Discover our best offerings."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
title="Popular Dishes"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Classic Burger", price: "$12", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/big-hamburger-with-french-fries_140725-6498.jpg" },
|
||||
{ id: "2", name: "Steak Sandwich", price: "$14", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/big-hamburger-with-french-fries_140725-6498.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Menu", href: "/menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Call Now", href: "tel:5555555555"},
|
||||
{
|
||||
label: "Directions", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Hitchin' Post"
|
||||
bottomRightText="Happy Hour Specials Available!"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Hitchin' Post"
|
||||
copyrightText="© 2025 Hitchin' Post"
|
||||
socialLinks={[{ icon: Phone, href: "tel:5555555555", ariaLabel: "Call" }, { icon: MapPin, href: "/contact", ariaLabel: "Directions" }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user