bender/574a3b0a-41a8-4e46-b5d4-e7f70ef84668
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: add an about section as the second section

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-03 14:46:45 +00:00
parent 5c0ca1bc47
commit 07e87980df
1 changed files with 33 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/HomePage/sections/About.tsx
View File

@@ -1,10 +1,40 @@
import React from 'react';
import { Tag } from "@/components/ui/Tag";
import { ScrollReveal } from "@/components/ui/ScrollReveal";
import { ImageOrVideo } from "@/components/ui/ImageOrVideo";
import { Button } from "@/components/ui/Button";
export default function AboutSection() {
return (
<section id="about" className="bg-background">
<div className="max-w-content-width mx-auto px-6 text-center">
{/* Text 'Our Legacy of Hospitality' removed as requested */}
<section data-webild-section="about" id="about" className="py-24 bg-background">
<div className="max-w-content-width mx-auto px-6">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
<ScrollReveal variant="slide-up">
<div className="space-y-8">
<Tag text="About Us" />
<h2 className="text-4xl md:text-5xl font-bold text-foreground tracking-tight">
A Legacy of Unparalleled Hospitality
</h2>
<p className="text-lg text-muted-foreground leading-relaxed">
Nestled in the heart of the city, The Grand Hotel has been a beacon of luxury and comfort for over a century. Our commitment to excellence is reflected in every detail, from our meticulously designed rooms to our world-class dining experiences.
</p>
<p className="text-lg text-muted-foreground leading-relaxed">
We believe that true luxury lies in the experience. Our dedicated staff is here to ensure that your stay is nothing short of extraordinary, anticipating your every need and exceeding your expectations.
</p>
<Button text="Discover Our Story" variant="primary" />
</div>
</ScrollReveal>
<ScrollReveal variant="fade">
<div className="relative h-[600px] rounded-3xl overflow-hidden">
<ImageOrVideo
imageSrc="https://images.unsplash.com/photo-1542314831-c6a4d14d837e?q=80&w=2000&auto=format&fit=crop"
className="w-full h-full object-cover"
/>
<div className="absolute inset-0 bg-black/10"></div>
</div>
</ScrollReveal>
</div>
</div>
</section>
);