Merge version_1_1781450774322 into main #3
@@ -1,136 +1,93 @@
|
||||
import { ReactLenis } from "lenis/react";
|
||||
import { motion } from "motion/react";
|
||||
import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
|
||||
import NavbarFullscreen from "@/components/ui/NavbarFullscreen";
|
||||
import HeroVideoExpand from "@/components/sections/hero/HeroVideoExpand";
|
||||
import AboutParallax from "@/components/sections/about/AboutParallax";
|
||||
import FeaturesAttributeCards from "@/components/sections/features/FeaturesAttributeCards";
|
||||
import FeaturesMediaGrid from "@/components/sections/features/FeaturesMediaGrid";
|
||||
import FeaturesRevealCardsBentoSharp from "@/components/sections/features/FeaturesRevealCardsBentoSharp";
|
||||
import FooterBrand from "@/components/sections/footer/FooterBrand";
|
||||
import ContactSplitFormSharp from "@/components/sections/contact/ContactSplitFormSharp";
|
||||
import "./theme.css";
|
||||
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
|
||||
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
||||
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
|
||||
export default function HotelTemplate() {
|
||||
export default function HotelPage() {
|
||||
return (
|
||||
<ReactLenis root>
|
||||
<StyleProvider siteBackground="none" heroBackground="none" buttonVariant="default">
|
||||
<SiteBackgroundSlot />
|
||||
|
||||
<motion.div
|
||||
initial={{ y: -100, opacity: 0 }}
|
||||
animate={{ y: 0, opacity: 1 }}
|
||||
transition={{ duration: 0.6, delay: 1.8, ease: [0.22, 1, 0.36, 1] }}
|
||||
className="relative z-110"
|
||||
>
|
||||
<NavbarFullscreen
|
||||
logo="Aurion"
|
||||
navItems={[
|
||||
{ name: "Rooms", href: "#rooms" },
|
||||
{ name: "Experience", href: "#experience" },
|
||||
{ name: "Dining", href: "#dining" },
|
||||
{ name: "Contact", href: "#contact" },
|
||||
]}
|
||||
ctaButton={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</motion.div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroVideoExpand
|
||||
title="Aurion"
|
||||
videoSrc="https://storage.googleapis.com/webild/default/templates/hotel/hero.mp4"
|
||||
primaryButton={{ text: "Browse rooms", href: "#rooms" }}
|
||||
secondaryButton={{ text: "Watch tour", href: "#tour" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutParallax
|
||||
tag="About"
|
||||
title="A Sanctuary for Wellness & Rejuvenation"
|
||||
description="From private fitness studios to guided meditation sessions, our amenities are designed to enhance your well-being and foster a sense of harmony."
|
||||
frontImageSrc="https://storage.googleapis.com/webild/default/templates/hotel/about/magnific_recreate-this-in-higher-q_te7wx9evnr.webp"
|
||||
backImageSrc="https://storage.googleapis.com/webild/default/templates/hotel/amenities/pool.jpg"
|
||||
badge="Est. 1844"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<FeaturesAttributeCards
|
||||
tag="Rooms & Suites"
|
||||
title="Featured Rooms"
|
||||
description="Each room is a sanctuary of refined comfort, designed with meticulous attention to detail."
|
||||
items={[
|
||||
{ title: "The Grand Suite", tags: "Panoramic, Terrace, Italian", badge: "Guest Favourite", details: [{ icon: "Bed", label: "Beds", value: 2 }, { icon: "Bath", label: "Baths", value: 2 }, { icon: "Maximize2", label: "Sqft", value: 1450 }], imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/rooms/grandsuite.webp" },
|
||||
{ title: "Ocean Pavilion", tags: "Oceanfront, Serene, Bright", badge: null, details: [{ icon: "Bed", label: "Beds", value: 1 }, { icon: "Bath", label: "Baths", value: 1 }, { icon: "Maximize2", label: "Sqft", value: 980 }], imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/rooms/oceanpavillion.webp" },
|
||||
{ title: "Garden Villa", tags: "Garden, Pool, Outdoor Living", badge: "Most Popular", details: [{ icon: "Bed", label: "Beds", value: 3 }, { icon: "Bath", label: "Baths", value: 2 }, { icon: "Maximize2", label: "Sqft", value: 2200 }], imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/rooms/gardenvilla.webp" },
|
||||
{ title: "Presidential Suite", tags: "Expansive, Chef Kitchen, Butler", badge: "Guest Favourite", details: [{ icon: "Bed", label: "Beds", value: 3 }, { icon: "Bath", label: "Baths", value: 3 }, { icon: "Maximize2", label: "Sqft", value: 3400 }], imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/rooms/presidential-suite.webp" },
|
||||
{ title: "Heritage Room", tags: "Classic, Restored, Elegant", badge: null, details: [{ icon: "Bed", label: "Beds", value: 1 }, { icon: "Bath", label: "Baths", value: 1 }, { icon: "Maximize2", label: "Sqft", value: 850 }], imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/rooms/heritage-room.webp" },
|
||||
{ title: "Spa Retreat", tags: "Sauna, Soaking Tub, Wellness", badge: null, details: [{ icon: "Bed", label: "Beds", value: 2 }, { icon: "Bath", label: "Baths", value: 2 }, { icon: "Maximize2", label: "Sqft", value: 1600 }], imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/rooms/sparetreat.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="amenities">
|
||||
<FeaturesMediaGrid
|
||||
tag="Amenities"
|
||||
title="World-Class Experiences"
|
||||
description="Every detail has been considered to create moments of extraordinary comfort and indulgence."
|
||||
items={[
|
||||
{ title: "Infinity Pool", description: "Heated oceanfront pool with panoramic sunset views", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/amenities/pool.jpg" },
|
||||
{ title: "Private Spa", description: "Full-service wellness centre with bespoke treatments", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/amenities/spa.webp" },
|
||||
{ title: "Fine Dining", description: "Michelin-starred cuisine with locally sourced ingredients", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/amenities/finedining.jpg" },
|
||||
{ title: "Fitness Studio", description: "State-of-the-art equipment and personal training", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/amenities/fitnessstudio.webp" },
|
||||
{ title: "Wine Cellar", description: "Curated collection of over 500 vintages", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/contact/bookyourstay.webp" },
|
||||
{ title: "Concierge", description: "24-hour dedicated service for every request", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/amenities/concierge.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="journeys" data-section="journeys">
|
||||
<FeaturesRevealCardsBentoSharp
|
||||
tag="Journeys"
|
||||
title="The Journeys"
|
||||
description="Exclusive experiences curated for Aurion guests — from cloud forests to volcanic coastlines across Costa Rica's most breathtaking landscapes."
|
||||
items={[
|
||||
{ title: "Cloud Forest Expedition", description: "A private guided trek through Monteverde's misty canopy — hanging bridges, rare wildlife encounters, and a chef-prepared dinner in a hidden clearing.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/journeys/cloudforestexpedition.jpg" },
|
||||
{ title: "Volcanic Hot Springs", description: "Exclusive access to secluded thermal pools fed by Arenal Volcano, paired with a volcanic mud ritual and open-air massage.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/journeys/volcanichotsprings.webp" },
|
||||
{ title: "Pacific Coast Sailing", description: "A full-day private catamaran journey along the Guanacaste coastline — snorkeling, whale watching, and sunset cocktails aboard.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/journeys/sailing.webp" },
|
||||
{ title: "Rainforest Immersion", description: "Descend into Osa Peninsula's pristine jungle for a two-day wildlife retreat with naturalist guides and a treehouse overnight stay.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/journeys/rainforestimmersion.webp" },
|
||||
{ title: "Coffee Origin Trail", description: "Travel to the highlands of the Central Valley for an intimate single-origin coffee experience — from harvest to private tasting.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/journeys/coffeetrail.webp" },
|
||||
{ title: "Sunset Safari", description: "An exclusive evening wildlife drive through private reserves, ending with a starlit dinner in the savanna.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/journeys/safari.webp" },
|
||||
{ title: "Marine Sanctuary", description: "Dive into crystal-clear waters for a guided snorkeling experience among vibrant coral reefs and sea turtles.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/templates/hotel/journeys/marinesacntuary.webp" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitFormSharp
|
||||
tag="Contact"
|
||||
title="Book Your Stay"
|
||||
description="Let us help you plan the perfect getaway. Our concierge team is available to assist with reservations and special requests."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
{ name: "dates", type: "text", placeholder: "Preferred Dates" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special Requests or Questions", rows: 4 }}
|
||||
buttonText="Send Inquiry"
|
||||
imageSrc="https://storage.googleapis.com/webild/default/templates/hotel/contact/bookyourstay.webp"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBrand
|
||||
brand="Aurion"
|
||||
columns={[
|
||||
{ items: [{ label: "Rooms & Suites", href: "#rooms" }, { label: "Dining", href: "#dining" }, { label: "Amenities", href: "#experience" }] },
|
||||
{ items: [{ label: "Journeys", href: "#journeys" }, { label: "Spa & Wellness", href: "#spa" }, { label: "Events", href: "#events" }] },
|
||||
{ items: [{ label: "Book Now", href: "#contact" }, { label: "Location", href: "#location" }, { label: "Contact Us", href: "#contact" }] },
|
||||
]}
|
||||
<div className="flex flex-col gap-12 py-12">
|
||||
<div id="hero" data-section="hero" data-webild-component="HeroTiltedCards" data-webild-component-path="@/components/sections/hero/HeroTiltedCards">
|
||||
<HeroTiltedCards
|
||||
tag="Since 1985"
|
||||
title="Your Hamburg Roof, Our Expertise"
|
||||
description="Fast, professional roofing services for repairs, installations, and full renovations. Trusted by Hamburg families with transparent pricing and reliable craftsmanship."
|
||||
primaryButton={{ text: "Request Your Free Roof Inspection", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Our Services", href: "#services" }}
|
||||
items={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-doing-household-chores-participating-cleaning-home_23-2151468680.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg" }
|
||||
]}
|
||||
/>
|
||||
</StyleProvider>
|
||||
</ReactLenis>
|
||||
</div>
|
||||
<div id="about" data-section="about" data-webild-component="AboutTextSplit" data-webild-component-path="@/components/sections/about/AboutTextSplit">
|
||||
<AboutTextSplit
|
||||
title="Decades of Trust in Hamburg"
|
||||
descriptions={["Bramfelder Bedachungs GmbH has been providing premier roofing services across Hamburg's Wandsbek district for nearly 40 years. We understand the local architecture and the specific needs of Hamburg families.", "Our philosophy is simple: reliability, transparency, and superior craftsmanship. From urgent leak repairs to complete roof overhauls, we treat every home as if it were our own."]}
|
||||
primaryButton={{ text: "Learn More", href: "#services" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services" data-webild-component="FeaturesTaggedCards" data-webild-component-path="@/components/sections/features/FeaturesTaggedCards">
|
||||
<FeaturesTaggedCards
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Roofing Services"
|
||||
description="Professional solutions tailored to your property's needs."
|
||||
items={[
|
||||
{ tag: "Emergency", title: "Roof Repairs", description: "Rapid response for storm damage, leaks, and urgent structural repairs to protect your home.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg", primaryButton: { text: "Call Now", href: "#contact" } },
|
||||
{ tag: "Installation", title: "Full Renovations", description: "Complete roof replacements and modern renovations designed for long-term durability and efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748770.jpg", primaryButton: { text: "Get Quote", href: "#contact" } },
|
||||
{ tag: "Preventive", title: "Roof Inspections", description: "Comprehensive assessments to identify vulnerabilities early and extend the lifespan of your roof.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343701.jpg", primaryButton: { text: "Book Inspection", href: "#contact" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics" data-webild-component="MetricsMediaCards" data-webild-component-path="@/components/sections/metrics/MetricsMediaCards">
|
||||
<MetricsMediaCards
|
||||
tag="Why Choose Us"
|
||||
title="Proven Quality & Reliability"
|
||||
description="We are proud of our local reputation and our commitment to excellence."
|
||||
metrics={[
|
||||
{ value: "40+", title: "Years Experience", description: "Serving Hamburg homeowners since our founding with unmatched industry knowledge.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-with-helmet-talking-phone_23-2148269254.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials" data-webild-component="TestimonialRatingCards" data-webild-component-path="@/components/sections/testimonial/TestimonialRatingCards">
|
||||
<TestimonialRatingCards
|
||||
tag="Testimonials"
|
||||
title="Trusted by Hamburg Families"
|
||||
description="See why our neighbors rely on us for their roofing needs."
|
||||
testimonials={[
|
||||
{ name: "Maria S.", role: "Homeowner", quote: "Incredibly fast service after the storm. They fixed our roof perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-successful-meeting_23-2148480393.jpg" },
|
||||
{ name: "Thomas K.", role: "Homeowner", quote: "Professional, transparent, and fair pricing. Highly recommended roofers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12819.jpg" },
|
||||
{ name: "Elena M.", role: "Homeowner", quote: "Reliable experts who explain everything clearly. Great experience overall.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg" },
|
||||
{ name: "Jürgen H.", role: "Property Manager", quote: "The go-to team for all my properties. Always dependable work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-brunette-woman-holding-instruments-hands-her-boyfriend_496169-765.jpg" },
|
||||
{ name: "Sabine F.", role: "Homeowner", quote: "Quality craftsmanship that lasted. Honest and hardworking team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-middle-aged-man-wearing-white-t-shirt-with-tie-headphones-showing-thumb-up-isolated-pink-wall_141793-83651.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq" data-webild-component="FaqSimple" data-webild-component-path="@/components/sections/faq/FaqSimple">
|
||||
<FaqSimple
|
||||
tag="FAQ"
|
||||
title="Common Roofing Questions"
|
||||
description="Answers to the questions we hear most often from Hamburg homeowners."
|
||||
items={[
|
||||
{ question: "How quickly can you assess an urgent roof issue?", answer: "We prioritize emergency calls and aim to reach Wandsbek properties within 24-48 hours." },
|
||||
{ question: "Do you provide transparent cost estimates?", answer: "Absolutely. We provide detailed, itemized quotes before any work begins." },
|
||||
{ question: "Do you handle all roof types?", answer: "Yes, our team is experienced with all common residential and commercial roofing materials." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact" data-webild-component="ContactCta" data-webild-component-path="@/components/sections/contact/ContactCta">
|
||||
<ContactCta
|
||||
tag="Get in Touch"
|
||||
text="Ready for a professional roof inspection? Request your free, no-obligation quote today."
|
||||
primaryButton={{ text: "Request Inspection", href: "tel:+49400000000" }}
|
||||
secondaryButton={{ text: "Send Email", href: "mailto:info@bramfelderbedachung.de" }}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user