Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-04-14 18:13:45 +00:00

View File

@@ -1,361 +1,104 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function HomePage() {
const navItems = [
{ name: "Home", id: "#hero" },
{ name: "Tables", id: "#tables" },
{ name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" }
];
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="largeSmall"
background="noise"
cardStyle="inset"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Tables",
id: "tables",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="The Hangar"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Precision. Elegance. The Hangar."
description="Experience premium billiards in a setting crafted for the true enthusiast. Step into our world of refined competition."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-white-billiard-balls_23-2148299269.jpg",
imageAlt: "billiards pool hall dark interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bowling-balls-arrangement-still-life_23-2150565689.jpg",
imageAlt: "professional billiard cues rack",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/nice-guy-playing-billiard_1157-16224.jpg",
imageAlt: "billiards scoreboard modern digital",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elegant-guys-playing-billiard_23-2148299275.jpg",
imageAlt: "pool tournament atmosphere crowd",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/corrner-table-snooker-hole_1232-4271.jpg",
imageAlt: "professional billiards table felt",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-pool-bar_53876-14524.jpg",
imageAlt: "classic wooden pool table design",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/green-vanity-front-dark-handle-minimalist-decor_169016-69360.jpg",
imageAlt: "professional billiards table felt",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stressed-men-watching-match-concentration_329181-18338.jpg",
imageAlt: "pool tournament atmosphere crowd",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-3286.jpg",
imageAlt: "billiards scoreboard modern digital",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-man-wearing-white-shirt-black-vest-bow-tie-play-pool-billiard_627829-460.jpg",
imageAlt: "billiards pool hall dark interior",
},
]}
buttons={[
{
text: "Book a Table",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-vest-holding-pool-cue_23-2148299212.jpg",
alt: "Medium shot man with vest holding pool cue",
},
{
src: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263530.jpg",
alt: "Photorealistic wooden house interior",
},
{
src: "http://img.b2bpic.net/free-photo/indoor-event-lights-fun-activity_1122-2024.jpg",
alt: "indoor event lights fun activity",
},
{
src: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199342.jpg",
alt: "Interior design in neoclassical style",
},
{
src: "http://img.b2bpic.net/free-photo/two-young-people-bowling_107420-84942.jpg",
alt: "Two young people bowling",
},
]}
avatarText="Join our community of over 500+ active players."
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199340.jpg",
alt: "Neoclassical style interior",
},
{
type: "text",
text: "Championship Grade",
},
{
type: "text",
text: "24/7 Access",
},
{
type: "text",
text: "Exclusive Member Perks",
},
{
type: "text",
text: "Pro Leagues",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
useInvertedBackground={false}
title="Why Choose The Hangar"
description="Unmatched amenities for every level of player."
accordionItems={[
{
id: "1",
title: "Championship Tables",
content: "Professional grade tables maintained daily for perfect play.",
},
{
id: "2",
title: "Premium Cues",
content: "A vast collection of professional-grade cues available for hire.",
},
{
id: "3",
title: "Atmospheric Lounge",
content: "Relax in our comfortable seating area after your game.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-happy-guy-looking-pool-table_23-2148299251.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="tables" data-section="tables">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Proline",
name: "Tournament Table",
price: "$15/hr",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/empty-university-library-students-work-school-assignments_482257-126907.jpg",
},
{
id: "2",
brand: "Standard",
name: "Practice Table",
price: "$10/hr",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-looking-away_23-2148299239.jpg",
},
{
id: "3",
brand: "VIP",
name: "Private Suite",
price: "$25/hr",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-billiard-night_23-2148299258.jpg",
},
{
id: "4",
brand: "Proline",
name: "Advanced Suite",
price: "$20/hr",
rating: 5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guys-billiard-club-with-smartphones_23-2148299261.jpg",
},
{
id: "5",
brand: "Classic",
name: "Heritage Table",
price: "$12/hr",
rating: 4,
reviewCount: "90",
imageSrc: "http://img.b2bpic.net/free-photo/fanned-deck-playing-cards-casino_23-2147881561.jpg",
},
{
id: "6",
brand: "Club",
name: "Club Table",
price: "$11/hr",
rating: 4,
reviewCount: "70",
imageSrc: "http://img.b2bpic.net/free-photo/wooden-library-campus-with-huge-database-collection-study-books_482257-127027.jpg",
},
]}
title="Our Playing Tables"
description="Choose your playing environment from our elite selection."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "James L.",
role: "Pro",
company: "Local League",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-table-football_23-2147681039.jpg",
},
{
id: "2",
name: "Sarah K.",
role: "Enthusiast",
company: "City Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sporty-man-drinking-bright-cocktail-swimming-pool-man-with-dark-hair-glass-with-bright-beverage-looking-camera-leisure-friendship-party-concept_74855-21406.jpg",
},
{
id: "3",
name: "Mike R.",
role: "Player",
company: "Billiards Fan",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-poker-night_23-2149153494.jpg",
},
{
id: "4",
name: "David W.",
role: "Amateur",
company: "Casual Player",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-waterpolo-player-with-equipment_23-2151202972.jpg",
},
{
id: "5",
name: "Emma P.",
role: "League Member",
company: "Tourney Pro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/men-wearing-varsity-jacket_23-2149562654.jpg",
},
]}
title="What Players Say"
description="Hear why locals make The Hangar their choice."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
text="Visit us at The Hangar for your next game. Open daily from 12 PM to 2 AM."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@hangar.com",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Links",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Tables",
href: "#tables",
},
{
label: "Reviews",
href: "#reviews",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
logoText="The Hangar"
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleCentered navItems={navItems} brandName="The Hangar" />
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Precision. Elegance. The Hangar."
description="Experience premium billiards in a setting crafted for the true enthusiast. Step into our world of refined competition."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-white-billiard-balls_23-2148299269.jpg", imageAlt: "billiards pool hall dark interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bowling-balls-arrangement-still-life_23-2150565689.jpg", imageAlt: "professional billiard cues rack" },
{ imageSrc: "http://img.b2bpic.net/free-photo/nice-guy-playing-billiard_1157-16224.jpg", imageAlt: "billiards scoreboard modern digital" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-elegant-guys-playing-billiard_23-2148299275.jpg", imageAlt: "pool tournament atmosphere crowd" },
{ imageSrc: "http://img.b2bpic.net/free-photo/corrner-table-snooker-hole_1232-4271.jpg", imageAlt: "professional billiards table felt" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-pool-bar_53876-14524.jpg", imageAlt: "classic wooden pool table design" },
{ imageSrc: "http://img.b2bpic.net/free-photo/green-vanity-front-dark-handle-minimalist-decor_169016-69360.jpg", imageAlt: "professional billiards table felt" },
{ imageSrc: "http://img.b2bpic.net/free-photo/stressed-men-watching-match-concentration_329181-18338.jpg", imageAlt: "pool tournament atmosphere crowd" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-3286.jpg", imageAlt: "billiards scoreboard modern digital" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-man-wearing-white-shirt-black-vest-bow-tie-play-pool-billiard_627829-460.jpg", imageAlt: "billiards pool hall dark interior" }
]}
buttons={[{ text: "Book a Table", href: "#contact" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyOne
title="Why Choose The Hangar"
description="Unmatched amenities for every level of player."
accordionItems={[
{ id: "1", title: "Championship Tables", content: "Professional grade tables maintained daily for perfect play." },
{ id: "2", title: "Premium Cues", content: "A vast collection of professional-grade cues available for hire." },
{ id: "3", title: "Atmospheric Lounge", content: "Relax in our comfortable seating area after your game." }
]}
imageSrc="http://img.b2bpic.net/free-photo/low-angle-happy-guy-looking-pool-table_23-2148299251.jpg"
/>
</div>
<div id="tables" data-section="tables">
<ProductCardTwo
title="Our Playing Tables"
description="Choose your playing environment from our elite selection."
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
products={[
{ id: "1", brand: "Proline", name: "Tournament Table", price: "$15/hr", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/empty-university-library-students-work-school-assignments_482257-126907.jpg" },
{ id: "2", brand: "Standard", name: "Practice Table", price: "$10/hr", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-with-pool-cue-looking-away_23-2148299239.jpg" },
{ id: "3", brand: "VIP", name: "Private Suite", price: "$25/hr", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-guy-billiard-night_23-2148299258.jpg" }
]}
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardOne
title="What Players Say"
description="Hear why locals make The Hangar their choice."
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
testimonials={[
{ id: "1", name: "James L.", role: "Pro", company: "Local League", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-table-football_23-2147681039.jpg" },
{ id: "2", name: "Sarah K.", role: "Enthusiast", company: "City Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sporty-man-drinking-bright-cocktail-swimming-pool-man-with-dark-hair-glass-with-bright-beverage-looking-camera-leisure-friendship-party-concept_74855-21406.jpg" },
{ id: "3", name: "Mike R.", role: "Player", company: "Billiards Fan", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-poker-night_23-2149153494.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
background={{ variant: "rotated-rays-static" }}
text="Visit us at The Hangar for your next game. Open daily from 12 PM to 2 AM."
buttons={[{ text: "Contact Us", href: "mailto:hello@hangar.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="The Hangar"
columns={[
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Tables", href: "#tables" }, { label: "Reviews", href: "#reviews" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
]}
/>
</div>
</ThemeProvider>
);
}
}