Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -42,7 +42,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" className="py-2 md:py-6">
         <HeroBillboard
           title="Pune's Favorite Campus Chai Spot ☕"
           description="Fresh chai, great vibes, and the perfect place to relax with friends near Sinhgad Campus. Experience authentic taste, affordable prices, and friendly service."
@@ -61,7 +61,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="highlights" data-section="highlights">
+      <div id="highlights" data-section="highlights" className="py-2 md:py-6">
         <MetricCardThree
           metrics={[
             { id: "1", icon: Coffee, title: "Premium Quality", value: "100%" },
@@ -78,7 +78,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="about" data-section="about">
+      <div id="about" data-section="about" className="py-2 md:py-6">
         <SplitAbout
           title="Why Everyone Loves TOPPER KI CHAI"
           description="TOPPER KI CHAI is a beloved chai destination near Sinhgad Campus in Pune. Known for its refreshing tea, affordable prices, and exceptional friendly service, it's the perfect place for students and locals to unwind, socialize, and enjoy a hot cup of chai."
@@ -108,7 +108,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="menu" data-section="menu">
+      <div id="menu" data-section="menu" className="py-2 md:py-6">
         <ProductCardOne
           products={[
             {
@@ -139,7 +139,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      <div id="testimonials" data-section="testimonials" className="py-2 md:py-6">
         <TestimonialCardFive
           testimonials={[
             {
@@ -171,7 +171,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="socialproof" data-section="socialproof">
+      <div id="socialproof" data-section="socialproof" className="py-2 md:py-6">
         <SocialProofOne
           title="Trusted by Campus Students & Locals"
           description="Join thousands of satisfied customers who make TOPPER KI CHAI their daily chai stop"
@@ -188,7 +188,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="location" data-section="location">
+      <div id="location" data-section="location" className="py-2 md:py-6">
         <ContactSplitForm
           title="Visit Us Today"
           description="Located right next to Sinhgad Campus. We're open daily from 8:00 AM to evening. Get directions or call us for any inquiries!"
@@ -209,7 +209,7 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      <div id="footer" data-section="footer" className="py-2 md:py-6">
         <FooterBaseCard
           logoText="TOPPER KI CHAI"
           columns={[