init

src/components/About.tsx

@@ -0,0 +1,24 @@
+function About() {
+  return (
+    <section id="rolunk" className="bg-slate-900 py-24 sm:py-32">
+      <div className="container mx-auto grid grid-cols-1 items-center gap-12 px-6 lg:grid-cols-2">
+        <div>
+          <h2 className="text-4xl font-bold tracking-tight text-amber-400">Történetünk</h2>
+          <p className="mt-6 text-lg leading-8 text-slate-300">
+            Az autentikus magyar ízek iránti szenvedélyből született a <strong>Budapest Bisztró</strong>, hogy elhozza kultúránk melegségét és gazdagságát az Ön asztalára. Séfjeink generációkon át örökített családi recepteket követnek, a legjobb helyi alapanyagokat felhasználva, hogy ételeink egyszerre legyenek hagyományosak és újszerűek.
+          </p>
+          <p className="mt-4 text-lg leading-8 text-slate-300">
+            Lépjen be éttermünkbe, és merüljön el Budapest meghitt hangulatában, ahol minden étkezés az örökség és a vendégszeretet ünnepe.
+          </p>
+        </div>
+        <img
+          src="https://plus.unsplash.com/premium_photo-1673108852141-e8c3c22a4a22?auto=format&fit=crop"
+          alt="Séf ételt készít"
+          className="rounded-lg shadow-2xl"
+        />
+      </div>
+    </section>
+  );
+}
+
+export default About;