Update src/app/page.tsx

src/app/page.tsx

@@ -69,6 +69,12 @@ export default function LandingPage() {
           buttons={[
             { text: "Vizitează-ne", href: "#contact" }
           ]}
+          className="coffee-shop-about"
+          textBoxClassName="bg-opacity-90 backdrop-blur-sm"
+          titleClassName="text-amber-900"
+          descriptionClassName="text-amber-800"
+          tagClassName="bg-amber-100 text-amber-900"
+          mediaWrapperClassName="shadow-lg rounded-lg overflow-hidden"
         />
       </div>
 
@@ -95,6 +101,14 @@ export default function LandingPage() {
           tag="Oferta Sufra"
           tagIcon={Star}
           buttonAnimation="slide-up"
+          className="coffee-shop-features"
+          textBoxClassName="text-amber-900"
+          textBoxTitleClassName="text-amber-950 font-bold"
+          textBoxDescriptionClassName="text-amber-800"
+          textBoxTagClassName="bg-amber-100 text-amber-900"
+          cardClassName="bg-amber-50 border-2 border-amber-200 shadow-md hover:shadow-lg transition-shadow"
+          cardTitleClassName="text-amber-950"
+          cardDescriptionClassName="text-amber-700"
         />
       </div>
 
@@ -124,6 +138,15 @@ export default function LandingPage() {
               id: "6",              title: "Oasis urban",              quote: "Într-o lume grăbită, Sufra e locul unde totul încetinește. Moment de pură blânzime și stil.",              name: "Robert Ștefan",              role: "Architect",              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",              imageAlt: "Robert Ștefan"
             }
           ]}
+          className="coffee-shop-testimonials"
+          textBoxClassName="text-amber-900"
+          textBoxTitleClassName="text-amber-950 font-bold"
+          textBoxDescriptionClassName="text-amber-800"
+          quoteCardClassName="bg-amber-50 border-l-4 border-amber-600 shadow-md"
+          quoteClassName="text-amber-900 italic"
+          nameClassName="text-amber-950 font-semibold"
+          roleClassName="text-amber-700"
+          mediaCardClassName="ring-2 ring-amber-200 rounded-lg overflow-hidden"
         />
       </div>
 
@@ -137,6 +160,12 @@ export default function LandingPage() {
             { text: "Urmărește-ne pe Instagram", href: "https://instagram.com" }
           ]}
           animationType="entrance-slide"
+          className="coffee-shop-contact"
+          containerClassName="bg-gradient-to-b from-amber-900 to-amber-950"
+          contentClassName="backdrop-blur-sm bg-opacity-80"
+          textClassName="text-amber-50"
+          buttonClassName="bg-amber-600 hover:bg-amber-700 text-white"
+          buttonTextClassName="text-white"
         />
       </div>
 
@@ -170,6 +199,13 @@ export default function LandingPage() {
               ]
             }
           ]}
+          className="coffee-shop-footer bg-gradient-to-t from-amber-950 to-amber-900"
+          containerClassName="border-t-2 border-amber-800"
+          logoTextClassName="text-amber-100 text-xl font-bold"
+          columnsClassName="divide-x divide-amber-800"
+          columnTitleClassName="text-amber-100 font-semibold"
+          columnItemClassName="text-amber-200 hover:text-amber-50 transition-colors"
+          copyrightTextClassName="text-amber-300 text-sm"
         />
       </div>
     </ThemeProvider>