55 lines
2.4 KiB
TypeScript
55 lines
2.4 KiB
TypeScript
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
|
// file as the canonical source for the "about" section.
|
|
|
|
import React from 'react';
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
import Tag from "@/components/ui/Tag";
|
|
import ImageOrVideo from "@/components/ui/ImageOrVideo";
|
|
import ScrollReveal from "@/components/ui/ScrollReveal";
|
|
import { CheckCircle2 } from "lucide-react";
|
|
|
|
export default function AboutSection(): React.JSX.Element {
|
|
return (
|
|
<div id="about" data-section="about" className="py-24 bg-background">
|
|
<SectionErrorBoundary name="about">
|
|
<div className="container mx-auto px-4">
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
|
<ScrollReveal variant="slide-up">
|
|
<div className="space-y-6">
|
|
<Tag text="About Us" />
|
|
<h2 className="text-4xl md:text-5xl font-bold text-foreground">
|
|
A Legacy of Excellence
|
|
</h2>
|
|
<p className="text-lg text-muted-foreground">
|
|
Experience the perfect blend of classic elegance and modern luxury. Since our founding, we have been dedicated to providing unparalleled service and unforgettable experiences for our guests.
|
|
</p>
|
|
<ul className="space-y-4 mt-8">
|
|
{[
|
|
"Award-winning dining experiences",
|
|
"World-class spa and wellness center",
|
|
"Prime location in the heart of the city",
|
|
"Exceptional personalized concierge service"
|
|
].map((item, index) => (
|
|
<li key={index} className="flex items-center space-x-3 text-foreground">
|
|
<CheckCircle2 className="w-6 h-6 text-primary" />
|
|
<span>{item}</span>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</ScrollReveal>
|
|
<ScrollReveal variant="fade-blur">
|
|
<div className="relative h-[500px] rounded-2xl overflow-hidden">
|
|
<ImageOrVideo
|
|
imageSrc="https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&q=80"
|
|
className="w-full h-full object-cover"
|
|
/>
|
|
</div>
|
|
</ScrollReveal>
|
|
</div>
|
|
</div>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
);
|
|
}
|