Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -14,6 +14,35 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 
 export default function LandingPage() {
+  const processPayment = (price: string) => {
+    const script = document.createElement("script");
+    script.src = "https://checkout.razorpay.com/v1/checkout.js";
+    script.onload = () => {
+      const options = {
+        key: "YOUR_RAZORPAY_KEY",        amount: 2100, // 21 Rupees
+        currency: "INR",        name: "TechPlatform",        description: "Purchase of 21 units",        handler: async (response: any) => {
+          try {
+            await fetch("/api/submit-lead", {
+              method: "POST",              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({ 
+                paymentId: response.razorpay_payment_id, 
+                units: 21,
+                status: 'success'
+              }),
+            });
+            alert("Payment Successful! Thank you for your order.");
+          } catch (e) {
+            console.error("Error submitting lead", e);
+          }
+        },
+        theme: { color: "#3b82f6" },
+      };
+      const rzp = new (window as any).Razorpay(options);
+      rzp.open();
+    };
+    document.body.appendChild(script);
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -31,22 +60,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Features", id: "features" },
-          id: "hero",
+        { name: "Pricing", id: "pricing" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="TechPlatform"
     />
@@ -54,20 +71,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       logoText="TechPlatform"
       description="The ultimate solution for scaling your digital infrastructure with ease."
       buttons={[
-        {
+        { text: "Get Started", href: "#pricing" },
-          text: "Get Started",
+        { text: "Learn More", href: "#features" },
-          href: "#pricing",
-        },
-        {
-          text: "Learn More",
-          href: "#features",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/technology-abstract-background-with-particle-lines_53876-104054.jpg"
       imageAlt="modern tech dashboard UI"
@@ -91,27 +100,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { id: "f1", title: "Real-time Analytics", description: "Monitor your data with precision and clarity.", tag: "Speed", imageSrc: "http://img.b2bpic.net/free-vector/navigation-banner-set_1284-13444.jpg" },
-          id: "f1",
+        { id: "f2", title: "Seamless Integration", description: "Works perfectly with your existing tech stack.", tag: "Unified", imageSrc: "http://img.b2bpic.net/free-vector/20-ux-ui-blue-color-icon-pack-like-list-vision-parameters-monitoring-volume_1142-24669.jpg" },
-          title: "Real-time Analytics",
+        { id: "f3", title: "Cloud Scale", description: "Grow without limits, powered by reliable architecture.", tag: "Scale", imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-interior-with-smart-home-control-panel_9975-33223.jpg" },
-          description: "Monitor your data with precision and clarity.",
-          tag: "Speed",
-          imageSrc: "http://img.b2bpic.net/free-vector/navigation-banner-set_1284-13444.jpg",
-        },
-        {
-          id: "f2",
-          title: "Seamless Integration",
-          description: "Works perfectly with your existing tech stack.",
-          tag: "Unified",
-          imageSrc: "http://img.b2bpic.net/free-vector/20-ux-ui-blue-color-icon-pack-like-list-vision-parameters-monitoring-volume_1142-24669.jpg",
-        },
-        {
-          id: "f3",
-          title: "Cloud Scale",
-          description: "Grow without limits, powered by reliable architecture.",
-          tag: "Scale",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-interior-with-smart-home-control-panel_9975-33223.jpg",
-        },
       ]}
       title="Core Features"
       description="Powerful capabilities to streamline your workflow."
@@ -124,55 +115,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "basic", price: "₹21", name: "Basic", buttons: [{ text: "Pay ₹21", onClick: () => processPayment("21") }], features: ["1 User", "Basic Analytics", "Email Support"] },
-          id: "basic",
+        { id: "pro", price: "₹21", name: "Pro", badge: "Popular", buttons: [{ text: "Pay ₹21", onClick: () => processPayment("21") }], features: ["5 Users", "Advanced Analytics", "24/7 Support"] },
-          price: "$29",
+        { id: "enterprise", price: "₹21", name: "Enterprise", buttons: [{ text: "Pay ₹21", onClick: () => processPayment("21") }], features: ["Unlimited Users", "Full API Access", "Dedicated Manager"] },
-          name: "Basic",
-          buttons: [
-            {
-              text: "Choose Basic",
-            },
-          ],
-          features: [
-            "1 User",
-            "Basic Analytics",
-            "Email Support",
-          ],
-        },
-        {
-          id: "pro",
-          price: "$99",
-          name: "Professional",
-          badge: "Popular",
-          buttons: [
-            {
-              text: "Choose Pro",
-            },
-          ],
-          features: [
-            "5 Users",
-            "Advanced Analytics",
-            "24/7 Support",
-          ],
-        },
-        {
-          id: "enterprise",
-          price: "$299",
-          name: "Enterprise",
-          buttons: [
-            {
-              text: "Choose Enterprise",
-            },
-          ],
-          features: [
-            "Unlimited Users",
-            "Full API Access",
-            "Dedicated Manager",
-          ],
-        },
       ]}
       title="Flexible Plans"
-      description="Choose the right plan for your team size."
+      description="Get access to our platform for just 21 Rupees."
     />
   </div>
 
@@ -182,33 +130,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "99.9%", title: "Uptime", items: ["Always on", "Reliability guaranteed"] },
-          id: "m1",
+        { id: "m2", value: "500+", title: "Customers", items: ["Global presence", "Trusted leaders"] },
-          value: "99.9%",
+        { id: "m3", value: "100M+", title: "API Calls", items: ["High throughput", "Robust handling"] },
-          title: "Uptime",
-          items: [
-            "Always on",
-            "Reliability guaranteed",
-          ],
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Customers",
-          items: [
-            "Global presence",
-            "Trusted leaders",
-          ],
-        },
-        {
-          id: "m3",
-          value: "100M+",
-          title: "API Calls",
-          items: [
-            "High throughput",
-            "Robust handling",
-          ],
-        },
       ]}
       title="Proven Results"
       description="Numbers that define our impact."
@@ -220,46 +144,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", title: "Game changer", quote: "This platform transformed our daily productivity.", name: "Jane Doe", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg" },
-          id: "1",
+        { id: "2", title: "Excellent service", quote: "I've never experienced such smooth integration.", name: "John Smith", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg" },
-          title: "Game changer",
+        { id: "3", title: "Invaluable tool", quote: "A must-have for any serious tech startup.", name: "Alice Wang", role: "Lead Dev", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg" },
-          quote: "This platform transformed our daily productivity.",
+        { id: "4", title: "Pure efficiency", quote: "Reliability like no other in the industry.", name: "Bob Chen", role: "Engineer", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
-          name: "Jane Doe",
+        { id: "5", title: "Highly recommended", quote: "Best platform investment we have made.", name: "Charlie Lee", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg" },
-          role: "CTO",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg",
-        },
-        {
-          id: "2",
-          title: "Excellent service",
-          quote: "I've never experienced such smooth integration.",
-          name: "John Smith",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg",
-        },
-        {
-          id: "3",
-          title: "Invaluable tool",
-          quote: "A must-have for any serious tech startup.",
-          name: "Alice Wang",
-          role: "Lead Dev",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",
-        },
-        {
-          id: "4",
-          title: "Pure efficiency",
-          quote: "Reliability like no other in the industry.",
-          name: "Bob Chen",
-          role: "Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
-        },
-        {
-          id: "5",
-          title: "Highly recommended",
-          quote: "Best platform investment we have made.",
-          name: "Charlie Lee",
-          role: "Founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
-        },
       ]}
       title="Client Success"
       description="Hear what our partners have to say."
@@ -271,21 +160,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "q1", title: "Is my data secure?", content: "Yes, we prioritize security with enterprise-grade encryption." },
-          id: "q1",
+        { id: "q2", title: "Can I upgrade anytime?", content: "Absolutely, plans are flexible and can be modified." },
-          title: "Is my data secure?",
+        { id: "q3", title: "Do you offer support?", content: "Our support team is available 24/7 to help you." },
-          content: "Yes, we prioritize security with enterprise-grade encryption.",
-        },
-        {
-          id: "q2",
-          title: "Can I upgrade anytime?",
-          content: "Absolutely, plans are flexible and can be modified.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer support?",
-          content: "Our support team is available 24/7 to help you.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/wireless-router-with-copy-space_23-2148295822.jpg"
       title="Common Questions"
@@ -297,35 +174,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
       tag="Get in touch"
       title="Ready to get started?"
       description="Our team is ready to help you hit the ground running."
-      buttons={[
+      buttons={[{ text: "Contact Support", href: "mailto:hello@techplatform.com" }]}
-        {
-          text: "Contact Support",
-          href: "mailto:hello@techplatform.com",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="TechPlatform"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",
+      rightLink={{ text: "Terms of Service", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}