Merge version_4 into main

Merge version_4 into main

src/app/layout.tsx

@@ -21,7 +21,8 @@ export const metadata: Metadata = {
   openGraph: {
     title: "EcoCup | Sustainable Paper Cups",    description: "Compostable paper cups that reduce environmental impact. Join thousands of businesses saving the planet.",    type: "website",    siteName: "EcoCup",    images: [
       {
-        url: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-cups_23-2148723794.jpg",        alt: "Sustainable paper cups"},
+        url: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-cups_23-2148723794.jpg",        alt: "Sustainable paper cups"
+      },
     ],
   },
   twitter: {

src/app/page.tsx

@@ -11,7 +11,7 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Droplet, Globe, Leaf, Wind } from 'lucide-react';
+import { Droplet, Globe, Leaf, Wind, Award } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -43,7 +43,7 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroOverlay
           title="Paper Cups That Save the World"
-          description="Sustainable, eco-friendly paper cups designed to reduce environmental impact. Every cup is a commitment to a cleaner planet."
+          description="Reduce your carbon footprint by 80% with cups that decompose in 60 days. Every cup eliminates plastic waste and supports reforestation projects."
           tag="Eco-Innovation"
           tagAnimation="opacity"
           imageSrc="http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-cups_23-2148723794.jpg?_wi=1"
@@ -127,8 +127,10 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          cardClassName="relative"
+          imageClassName="relative group overflow-hidden"
           buttons={[
-            { text: "Order Now", href: "#" }
+            { text: "Shop Sustainable Cups", href: "#" }
           ]}
           buttonAnimation="slide-up"
         />