Switch to version 1: remove src/pages/HomePage/sections/About.tsx
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user