Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -11,8 +11,17 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { ShieldCheck, Users, Zap } from "lucide-react";
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [isPaid, setIsPaid] = useState(false);
+
+  const handlePayment = () => {
+    // Simulation of payment success
+    alert("Please transfer the payment to UPI ID: pranaymokashi45-1@oksbi. Once confirmed, we will enable your portal access.");
+    setIsPaid(true);
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -30,14 +39,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Features", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="TeamUp"
     />
@@ -45,15 +50,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       title="Connect With Professional Video Editors"
       description="Hire skilled video editors or find clients for your editing services. Build your portfolio, grow your income, and collaborate seamlessly—all in one platform."
       buttons={[
-        {
-          text: "Hire an Editor",          href: "#"},
-        {
-          text: "Join as Editor",          href: "#"},
+        { text: "Hire an Editor", href: "#" },
+        { text: "Join as Editor", href: "#" },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/a-high-tech-video-editing-interface-on-m-1774610578769-5e8d3fdf.png"
       imageAlt="Editing Studio"
@@ -67,15 +69,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          icon: Users,
-          title: "Vetted Talent Pool",          description: "Connect with pre-screened professionals experienced in high-quality content production."},
-        {
-          icon: ShieldCheck,
-          title: "Secure Payments",          description: "Escrow-based payment systems ensuring work is delivered and creators are protected."},
-        {
-          icon: Zap,
-          title: "Fast Turnaround",          description: "Streamlined collaboration workflows and built-in project management tools."},
+        { icon: Users, title: "Vetted Talent Pool", description: "Connect with pre-screened professionals experienced in high-quality content production." },
+        { icon: ShieldCheck, title: "Secure Payments", description: "Escrow-based payment systems ensuring work is delivered and creators are protected." },
+        { icon: Zap, title: "Fast Turnaround", description: "Streamlined collaboration workflows and built-in project management tools." },
       ]}
       title="Why Choose TeamUp?"
       description="The complete ecosystem designed for modern video production and talent collaboration."
@@ -88,18 +84,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",          value: "10k+",          title: "Verified Editors",          items: [
-            "Specialized in YouTube",            "Agency Ready",            "Global Access"],
-        },
-        {
-          id: "2",          value: "500k+",          title: "Projects Completed",          items: [
-            "Successful Deliveries",            "Content Optimized",            "Satisfied Creators"],
-        },
-        {
-          id: "3",          value: "24/7",          title: "Global Support",          items: [
-            "Always Online",            "Quick Response",            "Seamless Edits"],
-        },
+        { id: "1", value: "10k+", title: "Verified Editors", items: ["Specialized in YouTube", "Agency Ready", "Global Access"] },
+        { id: "2", value: "500k+", title: "Projects Completed", items: ["Successful Deliveries", "Content Optimized", "Satisfied Creators"] },
+        { id: "3", value: "24/7", title: "Global Support", items: ["Always Online", "Quick Response", "Seamless Edits"] },
       ]}
       title="Scale With Confidence"
       description="Data-driven results for creators and agencies scaling their video operations."
@@ -113,40 +100,27 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "starter",          badge: "Starter",          price: "$29",          subtitle: "Perfect for solo creators starting their journey.",          features: [
-            "3 Projects / month",            "Basic Messaging",            "Standard Support"],
+          id: "starter", badge: "Starter", price: "$29", subtitle: "Perfect for solo creators.",          features: ["3 Projects / month", "Standard Support"]
         },
         {
-          id: "pro",          badge: "Pro",          price: "$99",          subtitle: "Best for growing channels and professional editors.",          features: [
-            "Unlimited Projects",            "Priority Messaging",            "Advanced Search",            "Profile Boosting"],
-        },
-        {
-          id: "agency",          badge: "Agency",          price: "$249",          subtitle: "Advanced features for production houses and brands.",          features: [
-            "Unlimited Projects",            "Dedicated Support",            "API Access",            "Bulk Project Tools"],
-        },
+          id: "pro", badge: "Pro", price: "$99", subtitle: "Best for growing channels.",          features: ["Unlimited Projects", "Priority Support"]
+        }
       ]}
+      buttons={[{ text: "Complete Payment (UPI: pranaymokashi45-1@oksbi)", onClick: handlePayment }]}
       title="Flexible Membership Tiers"
-      description="Choose the right plan to scale your editing career or content production output."
+      description="Choose the right plan to scale your editing career."
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",          name: "Sarah Johnson",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/close-up-abstract-video-editing-footage--1774610578048-404a2e51.png"},
-        {
-          id: "2",          name: "Michael Chen",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/abstract-dark-waveform-digital-visualiza-1774610580089-4b36e2d1.png"},
-        {
-          id: "3",          name: "Emily Rodriguez",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/glowing-digital-creative-workspace-backg-1774610579463-b457e638.png"},
-        {
-          id: "4",          name: "David Kim",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/abstract-cinematic-light-streaks-over-a--1774610578472-e377b75d.png"},
-      ]}
-      cardTitle="Loved by Creators"
-      cardTag="Testimonials"
-      cardAnimation="blur-reveal"
-    />
+  <div id="portfolio-upload" data-section="portfolio">
+    <div className="container mx-auto px-6 py-20 text-center">
+      <h2 className="text-3xl font-bold mb-6">Portfolio Upload</h2>
+      {!isPaid ? (
+        <p className="text-red-500 font-semibold">Please complete your subscription payment to unlock portfolio uploading.</p>
+      ) : (
+        <button className="bg-primary-cta text-primary-cta-text px-8 py-4 rounded">Upload Portfolio</button>
+      )}
+    </div>
   </div>
 
   <div id="contact" data-section="contact">
@@ -154,14 +128,8 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Get Started Today"
       description="Ready to scale your production? Let's talk about your requirements."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name"},
-        {
-          name: "email",          type: "email",          placeholder: "Email Address"},
-      ]}
-      textarea={{
-        name: "message",        placeholder: "Tell us about your needs..."}}
+      inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
+      textarea={{ name: "message", placeholder: "Tell us about your needs..." }}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/a-sleek-dark-theme-support-dashboard-ui--1774610578818-e4aeef37.png"
       mediaAnimation="blur-reveal"
     />
@@ -170,34 +138,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       columns={[
-        {
-          title: "Product",          items: [
-            {
-              label: "Features",              href: "#features"},
-            {
-              label: "Pricing",              href: "#pricing"},
-            {
-              label: "Support",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Careers",              href: "#"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { title: "Company", items: [{ label: "About Us", href: "#about" }] }
       ]}
       copyrightText="© 2024 TeamUp Marketplace. All rights reserved."
     />
@@ -205,4 +147,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}