bender/a37f030d-6e8a-4f3d-9f23-1ce03c0e604b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Create the About page file and define its basic content stru

Browse Source
This commit is contained in:
vitalijmulika
2026-04-29 13:50:22 +03:00
parent 76f40e1ad4
commit 6a2deb101a
2 changed files with 16 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@@ -4,12 +4,14 @@ import HomePage from './pages/HomePage';
import Contact from './pages/Contact';
import Policy from './pages/Policy';
import Terms from './pages/Terms';
import About from './pages/About';
export default function App() {
return (
<Routes>
<Route element={<Layout />}>
<Route path="/" element={<HomePage />} />
<Route path="/about" element={<About />} />
<Route path="/contact" element={<Contact />} />
<Route path="/policy" element={<Policy />} />
<Route path="/terms" element={<Terms />} />

49
src/pages/About.tsx
View File

@@ -1,43 +1,22 @@
import HeroSplit from "@/components/sections/hero/HeroSplit";
"use client";
import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
import ChecklistTimeline from "@/components/ui/ChecklistTimeline";
import { Coffee, Users, Award } from "lucide-react";
export default function About() {
return (
<div className="bg-background text-foreground">
<HeroSplit
tag="About Us"
title="Crafting Coffee with Passion"
description="We are a team of coffee lovers dedicated to the perfect brew. From the farm to your cup, we ensure quality in every step."
primaryButton={{ text: "Our Menu", href: "/menu" }}
secondaryButton={{ text: "Contact Us", href: "/contact" }}
<main className="bg-background min-h-screen py-24">
<AboutFeaturesSplit
tag="Our Story"
title="Crafting Excellence in Every Cup"
description="At Bean & Bloom, we believe that great coffee is more than just a drink—it's an experience. From ethically sourced beans to our artisanal roasting process, every step is taken with care."
items={[
{ icon: Coffee, title: "Ethical Sourcing", description: "We work directly with farmers to ensure fair wages and sustainable practices." },
{ icon: Users, title: "Community Focused", description: "Our cafes are designed to be a welcoming space for everyone to connect." },
{ icon: Award, title: "Artisanal Quality", description: "Small-batch roasting ensures the freshest, most flavorful coffee possible." }
]}
imageSrc="https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=1000&auto=format&fit=crop"
/>
<AboutFeaturesSplit
tag="Our Journey"
title="From Bean to Cup"
description="We source the finest beans and roast them with care, ensuring every cup tells a story of quality and community."
items={[
{ icon: "coffee", title: "Quality Beans", description: "Sourced from the best farms." },
{ icon: "users", title: "Community", description: "Building connections." },
{ icon: "award", title: "Excellence", description: "Award-winning roasts." }
]}
imageSrc="https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?q=80&w=1000&auto=format&fit=crop"
/>
<section className="py-24 bg-background">
<div className="max-w-6xl mx-auto px-6">
<ChecklistTimeline
heading="Our Milestones"
subheading="A journey of passion and coffee."
items={[
{ label: "2018", detail: "Founded in a small garage." },
{ label: "2020", detail: "Expanded to our first cafe." },
{ label: "2024", detail: "Launched our online store." }
]}
completedLabel="Achieved"
/>
</div>
</section>
</div>
</main>
);
}