Switch to version 1: remove src/pages/HomePage/sections/About.tsx

This commit is contained in:
2026-06-07 19:01:44 +00:00
parent a08fd57949
commit d30cfcf201

View File

@@ -1,66 +0,0 @@
import React from 'react';
import { Wheat, Droplet, Flame } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
import Button from "@/components/ui/Button";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
import Tag from "@/components/ui/Tag";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-webild-section="about" className="py-24 bg-background">
<SectionErrorBoundary name="about">
<div className="max-w-content-width mx-auto px-6">
<div className="flex justify-center mb-12">
<Tag text="Our Story" />
</div>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8 items-stretch">
<div className="bg-card rounded-3xl p-8 md:p-12 flex flex-col justify-center">
<div className="flex flex-col">
<div className="flex flex-col gap-4 border-b border-border pb-8 mb-8">
<div className="w-12 h-12 rounded-full bg-primary-cta flex items-center justify-center text-primary-cta-text">
<Wheat className="w-6 h-6" />
</div>
<div>
<h3 className="text-xl font-bold text-foreground mb-2">Artisan Dough</h3>
<p className="text-muted-foreground mb-4">Hand-kneaded daily for the perfect crust.</p>
<Button text="Learn more" variant="secondary" className="w-fit" />
</div>
</div>
<div className="flex flex-col gap-4 border-b border-border pb-8 mb-8">
<div className="w-12 h-12 rounded-full bg-primary-cta flex items-center justify-center text-primary-cta-text">
<Droplet className="w-6 h-6" />
</div>
<div>
<h3 className="text-xl font-bold text-foreground mb-2">Fresh Ingredients</h3>
<p className="text-muted-foreground mb-4">Locally sourced vegetables and premium meats.</p>
<Button text="Learn more" variant="secondary" className="w-fit" />
</div>
</div>
<div className="flex flex-col gap-4">
<div className="w-12 h-12 rounded-full bg-primary-cta flex items-center justify-center text-primary-cta-text">
<Flame className="w-6 h-6" />
</div>
<div>
<h3 className="text-xl font-bold text-foreground mb-2">Brick Oven Baked</h3>
<p className="text-muted-foreground mb-4">For that irresistible smoky flavor and crispy finish.</p>
<Button text="Learn more" variant="secondary" className="w-fit" />
</div>
</div>
</div>
</div>
<div className="h-full min-h-[400px] lg:min-h-[600px] rounded-3xl overflow-hidden">
<ImageOrVideo
imageSrc="http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg"
className="w-full h-full object-cover"
/>
</div>
</div>
</div>
</SectionErrorBoundary>
</div>
);
}