✨ add bull logo

src/routes/index.tsx

@@ -49,19 +49,6 @@ type ConfirmedReservation = {
   partySize: number
 }
 
-function FlameIcon() {
-  return (
-    <svg className="hero-flame" viewBox="0 0 24 24" fill="none" aria-hidden="true">
-      <path
-        d="M12 2c1 3-3 4-3 7.5A3.5 3.5 0 0 0 12 13a3.5 3.5 0 0 0 3-5.3c1.5 1 2.5 3 2.5 5a5.5 5.5 0 1 1-11 0C6.5 8.5 9.5 6 12 2Z"
-        stroke="currentColor"
-        strokeWidth="1.4"
-        strokeLinejoin="round"
-      />
-    </svg>
-  )
-}
-
 function Home() {
   const router = useRouter()
   const { tables, settings, availability } = Route.useLoaderData()
@@ -188,7 +175,7 @@ function Home() {
       <SiteHeader />
 
       <section className="hero" id="top">
-        <FlameIcon />
+        <img className="hero-flame" src="/logo.svg" alt="" aria-hidden="true" />
         <h1>
           Vom Feuer verwöhnt, <span>mit Liebe serviert</span>
         </h1>

src/styles.css

@@ -142,10 +142,10 @@ a {
 }
 
 .hero-flame {
-  width: 4rem;
-  height: 4rem;
+  display: block;
+  width: 7rem;
+  height: 3.5rem;
   margin: 0 auto 1.5rem;
-  color: var(--ember);
 }
 
 .hero h1 {
@@ -1967,7 +1967,7 @@ a {
 /* Legal page */
 
 .legal-page {
-  padding: 3.5rem 0 4rem;
+  padding: 3.5rem 1rem 4rem;
 }
 
 .legal-page h1 {