Files
b9bbb6af-e741-4d01-9a5f-cb0…/src/app/page.tsx
2026-04-27 15:06:46 +00:00

162 lines
9.3 KiB
TypeScript

"use client";
import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import TextAbout from "@/components/sections/about/TextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Wrench } from "lucide-react";
export default function HeritageRainhoPereiraPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="medium"
sizing="mediumLarge"
background="floatingGradient"
cardStyle="glass-elevated"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Heritage Rainho"
navItems={[
{ name: "The Collection", id: "menu" },
{ name: "Experiences", id: "about" },
{ name: "Booking", id: "contact" },
{ name: "Testimonials", id: "testimonials" }
]}
button={{
text: "Book Venue", href: "contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
title="Where Industrial Legacy Meets Fine Dining"
description="Host your next exclusive event in a breathtaking warehouse filled with timeless classic cars and tungsten-lit industrial elegance."
background={{ variant: "sparkles-gradient" }}
tag="Vintage Warehouse Events"
tagIcon={Wrench}
imageSrc="http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081875.jpg"
imageAlt="Long dining table between vintage Porsche and antique gas pump"
buttons={[
{ text: "View Available Spaces", href: "#menu" },
{ text: "Book Warehouse", href: "#contact" }
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
title="Heritage Rainho Pereira is more than an event space—it's a sanctuary for automotive art and culinary excellence. We provide the perfect backdrop for unforgettable gatherings."
useInvertedBackground={false}
buttons={[
{ text: "Learn Our History", href: "#" }
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
title="The Collection"
description="Browse our curated selection of event spaces and classic automotive displays available for your next occasion."
products={[
{
id: "1", name: "Porsche Hall", price: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/indoors-old-large-abandoned-facility_181624-2016.jpg", imageAlt: "Dining area by vintage Porsche"
},
{
id: "2", name: "Garage Bistro", price: "Private", imageSrc: "http://img.b2bpic.net/free-photo/glowing-antique-lamp-brightens-old-brick-wall-generated-by-ai_188544-27636.jpg", imageAlt: "Industrial dining setting"
},
{
id: "3", name: "Fuel Pump Lounge", price: "Intimate", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-machinery_1359-961.jpg", imageAlt: "Classic gas pump decor"
}
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="impact" data-section="impact">
<MetricCardFourteen
title="The Warehouse Stats"
tag="Facts of Heritage"
metrics={[
{ id: "1", value: "40+", description: "Authentic Classic Cars in our permanent warehouse collection" },
{ id: "2", value: "1200", description: "Square meters of rustic industrial event space capacity" }
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Guest Perspectives"
description="See why our guests describe Heritage Rainho as the city's most unique event venue."
testimonials={[
{
id: "1", title: "A Masterpiece of an Event", quote: "Dining between a 1960s Porsche and the glow of original industrial lamps? Simply unmatched.", name: "Julian V.", role: "Corporate Event Planner", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg"
},
{
id: "2", title: "Vintage Perfection", quote: "The atmosphere is moody, sharp, and entirely unique. Best venue in town.", name: "Sarah M.", role: "Wedding Client", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-outside-night-street-with-lights_1303-17049.jpg"
}
]}
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="comparison" data-section="comparison">
<FeatureCardSixteen
title="Classic vs Modern"
description="We choose the character of the past over the sterility of modern event halls."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: ["Generic hotel ballroom walls", "Fluorescent lighting", "Standard banquet catering", "Predictable atmosphere"]
}}
positiveCard={{
items: ["Vaulted warehouse ceilings", "Warm tungsten mood lighting", "Fine dining culinary curation", "Automotive history backdrop"]
}}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Secure your date at the most exclusive industrial space in the region."
background={{ variant: "rotated-rays-static" }}
buttons={[
{ text: "Book the Warehouse", href: "#" },
{ text: "Schedule Tour", href: "#" }
]}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Heritage Rainho"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Contact", href: "#contact" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}