Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -29,11 +29,11 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Home", id: "hero" },
-            { name: "Services", id: "features" },
-            { name: "Pricing", id: "pricing" },
-            { name: "Reviews", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+            { name: "Home", id: "/" },
+            { name: "Services", id: "#features" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Reviews", id: "#testimonials" },
+            { name: "Contact", id: "#contact" }
           ]}
           brandName="JunkAway"
           bottomLeftText="Available 24/7"
@@ -50,7 +50,7 @@ export default function LandingPage() {
           description="Get rid of unwanted items quickly and responsibly. Our team handles everything from furniture to construction debris. Book online instantly and enjoy hassle-free removal service."
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Book Now", href: "#pricing" },
+            { text: "Book Now", href: "/pricing" },
             { text: "Learn More", href: "#features" }
           ]}
           buttonAnimation="slide-up"
@@ -111,8 +111,8 @@ export default function LandingPage() {
               ]
             },
             {
-              id: "medium",              badge: "Best Value",              badgeIcon: Star,
-              price: "$299",              subtitle: "Half Truck Load",              features: [
+              id: "medium",              badge: "Best Value - Limited",              badgeIcon: Star,
+              price: "$299",              subtitle: "Half Truck Load - Save 20% this week",              features: [
                 "Up to half truck capacity",                "Fast scheduling",                "Full service team",                "Furniture & appliance removal",                "Eco-friendly recycling"
               ]
             },
@@ -127,7 +127,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
-            { text: "Get Started", href: "#contact" }
+            { text: "View Full Pricing", href: "/pricing" }
           ]}
           buttonAnimation="slide-up"
         />
@@ -232,7 +232,7 @@ export default function LandingPage() {
           ]}
           textarea={{ name: "itemDescription", placeholder: "Describe the items you need removed...", rows: 5, required: true }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-949.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-949.jpg?_wi=1"
           imageAlt="Contact our junk removal team"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
@@ -249,7 +249,7 @@ export default function LandingPage() {
                 { label: "Residential Junk Removal", href: "#features" },
                 { label: "Commercial Cleanup", href: "#features" },
                 { label: "Construction Debris", href: "#features" },
-                { label: "Pricing", href: "#pricing" }
+                { label: "Pricing", href: "/pricing" }
               ]
             },
             {
@@ -282,4 +282,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,219 @@
+"use client";
+
+import { Crown, DollarSign, Heart, Sparkles, Star, TrendingUp, Zap, Check } from "lucide-react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeMediumTitles"
+      background="grid"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "#features" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Reviews", id: "#testimonials" },
+            { name: "Contact", id: "#contact" }
+          ]}
+          brandName="JunkAway"
+          bottomLeftText="Available 24/7"
+          bottomRightText="hello@junkaway.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSplitDualMedia
+          tag="Transparent Pricing"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Simple, Honest Pricing for Your Junk Removal Needs"
+          description="Choose the perfect plan for your situation. All plans include same-day service, professional team, and eco-friendly disposal. No hidden fees, just upfront quotes."
+          background={{ variant: "plain" }}
+          buttons={[
+            { text: "Get Started", href: "#pricing-tiers" },
+            { text: "Compare Plans", href: "#comparison" }
+          ]}
+          buttonAnimation="slide-up"
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27399.jpg?_wi=1",              imageAlt: "Transparent pricing"
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571107.jpg?_wi=1",              imageAlt: "Easy payment options"
+            }
+          ]}
+          mediaAnimation="blur-reveal"
+          rating={5}
+          ratingText="Trusted by 12,000+ customers"
+        />
+      </div>
+
+      <div id="pricing-tiers" data-section="pricing">
+        <PricingCardOne
+          title="Our Pricing Plans"
+          description="Choose the plan that fits your junk removal needs. All plans include professional service and eco-friendly disposal."
+          tag="Pricing Tiers"
+          tagIcon={DollarSign}
+          tagAnimation="slide-up"
+          plans={[
+            {
+              id: "small",              badge: "Popular",              badgeIcon: Sparkles,
+              price: "$149",              subtitle: "1 Item Removal",              features: [
+                "Single large item removal",                "Same-day or next-day pickup",                "Professional disposal",                "30-minute service window",                "Free quote"
+              ]
+            },
+            {
+              id: "medium",              badge: "Best Value",              badgeIcon: Star,
+              price: "$299",              subtitle: "Half Truck Load",              features: [
+                "Up to half truck capacity",                "Fast scheduling",                "Full service team",                "Furniture & appliance removal",                "Eco-friendly recycling",                "Free quote"
+              ]
+            },
+            {
+              id: "large",              badge: "Premium",              badgeIcon: Crown,
+              price: "$499",              subtitle: "Full Truck Load",              features: [
+                "Complete truck capacity",                "Priority scheduling",                "3-person professional team",                "Heavy lifting included",                "Complete cleanup",                "Same-day quote"
+              ]
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Book Now", href: "#checkout" }
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="comparison" data-section="comparison">
+        <MetricCardTwo
+          title="Plan Comparison"
+          description="See what's included in each plan"
+          tag="Feature Breakdown"
+          tagIcon={TrendingUp}
+          tagAnimation="slide-up"
+          metrics={[
+            { id: "1", value: "$149", description: "Small Item Removal" },
+            { id: "2", value: "$299", description: "Half Truck Load" },
+            { id: "3", value: "$499", description: "Full Truck Load" },
+            { id: "4", value: "24/7", description: "Booking Available" }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqSplitText
+          sideTitle="Pricing & Payment Questions"
+          sideDescription="Get answers to common questions about our pricing, payment methods, and how we calculate quotes."
+          faqs={[
+            {
+              id: "1",              title: "How do you calculate pricing?",              content: "We charge based on the volume of items and truck space needed. We provide free, upfront quotes before any work begins. Most quotes are provided within 24 hours."
+            },
+            {
+              id: "2",              title: "What payment methods do you accept?",              content: "We accept all major credit cards (Visa, Mastercard, American Express), debit cards, PayPal, and digital payment methods like Apple Pay and Google Pay. Payment can be made during booking or on our secure website."
+            },
+            {
+              id: "3",              title: "Do you offer financing options?",              content: "Yes! For orders over $300, we offer 0% interest financing through Affirm. You can also pay in installments with our payment plans."
+            },
+            {
+              id: "4",              title: "Are there any hidden fees?",              content: "No! Our pricing is completely transparent. The quote you receive is the price you pay. No surprise charges, no disposal fees, no service fees."
+            },
+            {
+              id: "5",              title: "Do you offer discounts for multiple items?",              content: "Yes! We offer package discounts for larger jobs. The more you remove, the better the value. Contact us for a custom quote."
+            },
+            {
+              id: "6",              title: "What if I need a rush appointment?",              content: "We offer same-day service in most areas. There may be a small rush fee for same-day bookings, but we always provide a quote first."
+            }
+          ]}
+          faqsAnimation="slide-up"
+          textPosition="left"
+          useInvertedBackground={false}
+          animationType="smooth"
+        />
+      </div>
+
+      <div id="checkout" data-section="checkout">
+        <ContactSplitForm
+          title="Get Your Free Quote"
+          description="Tell us about your junk removal needs and we'll provide an instant quote. Secure payment with Stripe or PayPal available after approval."
+          inputs={[
+            { name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
+            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            { name: "address", type: "text", placeholder: "Service Address", required: true }
+          ]}
+          textarea={{ name: "itemDescription", placeholder: "Describe the items you need removed...", rows: 5, required: true }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-949.jpg?_wi=2"
+          imageAlt="Get your free quote"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          buttonText="Get Free Quote"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="JunkAway"
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Residential Junk Removal", href: "/" },
+                { label: "Commercial Cleanup", href: "/" },
+                { label: "Construction Debris", href: "/" },
+                { label: "Pricing", href: "/pricing" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/" },
+                { label: "Our Team", href: "/" },
+                { label: "Service Areas", href: "/" },
+                { label: "Blog", href: "/" }
+              ]
+            },
+            {
+              title: "Support",              items: [
+                { label: "Contact Us", href: "/pricing#checkout" },
+                { label: "FAQ", href: "/pricing#faq" },
+                { label: "Track Order", href: "/" },
+                { label: "Customer Reviews", href: "/" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "/" },
+                { label: "Terms of Service", href: "/" },
+                { label: "Cookie Policy", href: "/" },
+                { label: "Accessibility", href: "/" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 JunkAway Inc. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}