src/app/page.tsx

@@ -11,7 +11,8 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Award, CheckCircle, DollarSign, Facebook, Handshake, HelpCircle, Headphones, Instagram, Linkedin, Lock, Mail, MapPin, MessageSquare, Shield, ShoppingCart, Sparkles, Star, Truck, Twitter, User, Zap } from 'lucide-react';
+import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
+import { Award, CheckCircle, DollarSign, Facebook, Handshake, HelpCircle, Headphones, Instagram, Linkedin, Lock, Mail, MapPin, MessageSquare, Shield, ShoppingCart, Sparkles, Star, Truck, Twitter, User, Zap, TrendingUp, Wallet, CreditCard } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -298,6 +299,77 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="signup" data-section="signup">
+        <ContactCenter
+          tag="Join ShopHub Today"
+          title="Create Your Account & Start Earning"
+          description="Sign up now to access exclusive member benefits, earn rewards on every purchase, and unlock special promotions. It takes less than 2 minutes!"
+          tagIcon={User}
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Enter your email to sign up"
+          buttonText="Create Free Account"
+          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. No credit card required!"
+        />
+      </div>
+
+      <div id="earnings-dashboard" data-section="earnings-dashboard">
+        <MetricCardTen
+          title="Track Your Earnings & Rewards"
+          description="Monitor your cashback, loyalty points, and referral earnings in real-time with our intuitive earnings dashboard."
+          tag="Earnings Dashboard"
+          tagIcon={TrendingUp}
+          tagAnimation="slide-up"
+          metrics={[
+            {
+              id: "earnings-1",              title: "Total Cashback Earned",              subtitle: "This Month",              category: "Cash Rewards",              value: "$487.50",              buttons: [{ text: "Withdraw", href: "#withdraw" }]
+            },
+            {
+              id: "earnings-2",              title: "Loyalty Points",              subtitle: "Redeemable Value",              category: "Points Balance",              value: "12,450 pts",              buttons: [{ text: "Redeem", href: "#withdraw" }]
+            },
+            {
+              id: "earnings-3",              title: "Referral Bonus",              subtitle: "Pending",              category: "Friend Rewards",              value: "$125.00",              buttons: [{ text: "View Details", href: "#withdraw" }]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          buttons={[
+            { text: "View Full Dashboard", href: "#withdraw" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="withdraw" data-section="withdraw">
+        <MetricCardTen
+          title="Withdraw Your Earnings"
+          description="Easily transfer your cashback and rewards directly to your Cash App account. Fast, secure, and hassle-free withdrawals."
+          tag="Payment Methods"
+          tagIcon={Wallet}
+          tagAnimation="slide-up"
+          metrics={[
+            {
+              id: "method-1",              title: "Cash App Transfer",              subtitle: "Instant Transfers",              category: "Connected",              value: "Active",              buttons: [{ text: "Withdraw to Cash App", href: "#" }]
+            },
+            {
+              id: "method-2",              title: "Bank Transfer",              subtitle: "1-2 Business Days",              category: "Payment Method",              value: "Ready",              buttons: [{ text: "Link Bank Account", href: "#" }]
+            },
+            {
+              id: "method-3",              title: "Your Balance",              subtitle: "Available to Withdraw",              category: "Total Earnings",              value: "$612.50",              buttons: [{ text: "Withdraw Now", href: "#" }]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "How Withdrawals Work", href: "#contact" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactCenter
           tag="Get in Touch"