Changes

2026-01-27 21:41:43 +00:00
parent 9f16e1e68b
commit 891d5b106c
1 changed files with 3 additions and 3 deletions
@@ -3,13 +3,13 @@ import heroBakeryImage from "@/assets/hero-bakery.jpg";

 const HeroSection = () => {
  return (
-    <section className="relative flex flex-col justify-center items-center text-center py-16 pt-20 pb-12">
+    <section className="relative flex flex-col justify-center items-center text-center py-16 pt-20 pb-12 w-screen max-w-none -mx-[50vw] left-1/2 right-1/2 ml-[-50vw] mr-[-50vw]">
      {/* Background image with opacity - full width */}
      <div 
-        className="absolute inset-0 left-[calc(-50vw+50%)] right-[calc(-50vw+50%)] bg-cover bg-center opacity-40"
+        className="absolute inset-0 bg-cover bg-center opacity-40"
        style={{ backgroundImage: `url(${heroBakeryImage})` }}
      />
-      <div className="absolute inset-0 left-[calc(-50vw+50%)] right-[calc(-50vw+50%)] bg-background/60" />
+      <div className="absolute inset-0 bg-background/60" />
      
      <div className="animate-fade-up max-w-4xl relative z-10">
        <img