bender/dbac0c18-9cab-4feb-ab95-df27cee0cacd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Replaced billboard hero with a big image hero section

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-02 15:51:19 +00:00
parent 4b43e4ba11
commit d8b08eeae5
1 changed files with 32 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/pages/HomePage/sections/Hero.tsx
View File

@@ -2,46 +2,41 @@
// file as the canonical source for the "hero" section. // file as the canonical source for the "hero" section.
import React from 'react'; import React from 'react';
import HeroBillboardCreator from '@/components/sections/hero/HeroBillboardCreator'; import { Button } from '@/components/ui/Button';
import { Tag } from '@/components/ui/Tag';
import { ImageOrVideo } from '@/components/ui/ImageOrVideo';
import { ScrollReveal } from '@/components/ui/ScrollReveal';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element { export default function HeroSection(): React.JSX.Element {
return ( return (
<div id="hero" data-section="hero"> <div id="hero" data-webild-section="hero" className="relative min-h-[80vh] flex items-center justify-center overflow-hidden pt-24 pb-16">
<SectionErrorBoundary name="hero"> <SectionErrorBoundary name="hero">
<HeroBillboardCreator <div className="absolute inset-0 z-0">
tag="Your Ultimate Escape" <ImageOrVideo
title="Experience Unrivaled Luxury at The Grand Hotel" imageSrc="https://images.unsplash.com/photo-1542314831-c6a4d14d8c85?auto=format&fit=crop&q=80"
titleHighlight="Unrivaled Luxury" className="w-full h-full object-cover"
description="Discover a world of refined elegance, impeccable service, and breathtaking amenities designed for an unforgettable stay. Your perfect getaway begins here." />
primaryButton={{ <div className="absolute inset-0 bg-black/60" />
text: "Book Your Stay", </div>
href: "#contact",
}} <div className="relative z-10 container mx-auto px-4 text-center">
note="Voted #1 Luxury Hotel 5 Years in a Row by Global Travel Magazine" <ScrollReveal variant="slide-up">
videos={[ <Tag text="Your Ultimate Escape" className="mb-6 mx-auto bg-black/50 text-white border-white/20" />
{ <h1 className="text-5xl md:text-7xl font-bold text-white mb-6 tracking-tight">
videoSrc: "asset://hero-video-1", Experience Unrivaled Luxury<br />
name: "Luxury Stays", <span className="text-primary-cta">at The Grand Hotel</span>
followers: "5000+ Guest Reviews", </h1>
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-huge-bouquet-made-hydrangeas-standing-table-large-luxurious-room_627829-8201.jpg", <p className="text-lg md:text-xl text-white/90 max-w-2xl mx-auto mb-10">
}, Discover a world of refined elegance, impeccable service, and breathtaking amenities designed for an unforgettable stay. Your perfect getaway begins here.
{ </p>
videoSrc: "asset://hero-video-2", <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
name: "Gourmet Dining", <Button text="Book Your Stay" variant="primary" href="#contact" className="px-8 py-4 text-lg" />
followers: "Michelin Star Rated", <Button text="Explore Rooms" variant="secondary" href="#rooms" className="px-8 py-4 text-lg text-white border-white/20" />
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-29870.jpg", </div>
}, </ScrollReveal>
{ </div>
videoSrc: "asset://hero-video-3", </SectionErrorBoundary>
name: "Spa & Wellness", </div>
followers: "Award-Winning Services",
imageSrc: "http://img.b2bpic.net/free-photo/towels-interior-spa-complex_169016-22506.jpg",
},
]}
badgeText="5-Star Excellence"
/>
</SectionErrorBoundary>
</div>
); );
} }