Merge version_1 into main #13
@@ -10,8 +10,8 @@ import { Playfair_Display, Cormorant_Garamond, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'The Hangar | Premium Billiards & Pool Hall',
|
||||
description: 'Experience professional-grade billiards in an atmospheric setting at The Hangar. Book your table today.',
|
||||
title: 'Webild | Modern Component Library',
|
||||
description: 'High-performance, customizable components for modern web applications.',
|
||||
openGraph: {
|
||||
"title": "The Hangar",
|
||||
"description": "The premier billiards destination.",
|
||||
|
||||
135
src/app/page.tsx
135
src/app/page.tsx
@@ -1,91 +1,102 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
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';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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";
|
||||
import { Zap, Shield, Star, Globe } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Tables", id: "tables" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "/#features" },
|
||||
{ name: "Products", id: "/#tables" },
|
||||
{ name: "Reviews", id: "/#reviews" },
|
||||
{ name: "Contact", id: "/#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered navItems={navItems} brandName="The Hangar" logoAlt="The Hangar Logo" />
|
||||
<NavbarStyleCentered navItems={navItems} brandName="Webild" />
|
||||
</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" }]}
|
||||
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" }]}
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }]}
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Build Your Future with Webild"
|
||||
description="Next-generation components designed for modern web development. Experience speed, reliability, and style in every line of code."
|
||||
background={{ variant: "animated-grid" }}
|
||||
leftCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe", imageAlt: "Abstract 3D Shape" }]}
|
||||
rightCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1614850523459-c2f4c699c52e", imageAlt: "Abstract 3D Shape" }]}
|
||||
buttons={[{ text: "Get Started", 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." }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-happy-guy-looking-pool-table_23-2148299251.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
<FeatureCardTwentyOne
|
||||
title="Built for Scale"
|
||||
description="Our components are optimized for performance and scalability, ensuring your application stays fast as you grow."
|
||||
accordionItems={[
|
||||
{ id: "1", title: "Performance Optimized", content: "Built with efficiency in mind to minimize load times and maximize user experience." },
|
||||
{ id: "2", title: "Customizable Themes", content: "Full support for custom themes and design tokens to match your brand identity perfectly." }
|
||||
]}
|
||||
imageSrc="https://images.unsplash.com/photo-1620121692029-d088224ddc74"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="tables" data-section="tables">
|
||||
<ProductCardTwo
|
||||
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" }]}
|
||||
title="Our Playing Tables"
|
||||
description="Choose your playing environment from our elite selection."
|
||||
useInvertedBackground={false}
|
||||
<ProductCardTwo
|
||||
title="Featured Components"
|
||||
description="Explore our collection of high-quality, reusable components for your next project."
|
||||
products={[
|
||||
{ id: "1", brand: "Core", name: "Button Suite", price: "$49", rating: 5, reviewCount: "120", imageSrc: "https://images.unsplash.com/photo-1550745165-9bc0b252726f" },
|
||||
{ id: "2", brand: "Core", name: "Layout Library", price: "$89", rating: 5, reviewCount: "85", imageSrc: "https://images.unsplash.com/photo-1555066931-4365d14bab8c" },
|
||||
{ id: "3", brand: "Core", name: "Data Tables", price: "$69", rating: 4, reviewCount: "45", imageSrc: "https://images.unsplash.com/photo-1587620962725-abab7fe55159" }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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" }]}
|
||||
title="What Players Say"
|
||||
description="Hear why locals make The Hangar their choice."
|
||||
useInvertedBackground={false}
|
||||
<TestimonialCardOne
|
||||
title="What Our Users Say"
|
||||
description="Join a community of developers who love building with our components."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex Rivera", role: "Frontend Dev", company: "TechCorp", rating: 5, imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330" },
|
||||
{ id: "2", name: "Sam Chen", role: "Product Designer", company: "Designify", rating: 5, imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d" }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</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" }]}
|
||||
useInvertedBackground={false}
|
||||
<ContactText
|
||||
text="Ready to take your project to the next level? Get in touch today."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:support@webild.dev" }]}
|
||||
/>
|
||||
</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"
|
||||
<FooterBase
|
||||
logoText="Webild"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#tables" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user