Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -154,28 +154,28 @@ export default function LandingPage() {
             },
             {
               id: "starter",              badge: "Trending",              badgeIcon: TrendingUp,
-              price: "$9",              subtitle: "/month • 200 credits • No watermark",              buttons: [{ text: "Choose Plan", href: "#" }],
+              price: "$10/mo",              subtitle: "200 credits • No watermark",              buttons: [{ text: "Choose Plan", href: "#" }],
               features: [
                 "200 credits/month",                "No watermark",                "25+ trending templates",                "150+ AI voices & avatars",                "Advanced captions (all 25+ styles)",                "Priority support",                "Perfect for casual creators"
               ]
             },
             {
               id: "creator",              badge: "Most Popular",              badgeIcon: Star,
-              price: "$19",              subtitle: "/month • 800 credits • All features",              buttons: [{ text: "Choose Plan", href: "#" }],
+              price: "$29/mo",              subtitle: "800 credits • All features",              buttons: [{ text: "Choose Plan", href: "#" }],
               features: [
                 "800 credits/month",                "Custom AI avatars (face upload)",                "All trending templates + custom",                "150+ voices, 50+ languages",                "Animated caption styles",                "AI music stems (custom mixing)",                "Analytics dashboard",                "Perfect for serious creators"
               ]
             },
             {
               id: "pro",              badge: "Premium Power",              badgeIcon: Zap,
-              price: "$39",              subtitle: "/month • 2,500 credits • Priority",              buttons: [{ text: "Choose Plan", href: "#" }],
+              price: "$49/mo",              subtitle: "2,500 credits • Priority",              buttons: [{ text: "Choose Plan", href: "#" }],
               features: [
                 "2,500 credits/month",                "4K unlimited (no credit penalty)",                "Priority generation queue",                "Multi-video batch generation",                "Real-time collab editing",                "Video remix & continuation",                "Advanced analytics",                "Trend alerts",                "Perfect for YouTube/Reels pros"
               ]
             },
             {
               id: "business",              badge: "Enterprise",              badgeIcon: Crown,
-              price: "$99",              subtitle: "/month • Unlimited • Teams",              buttons: [{ text: "Choose Plan", href: "#" }],
+              price: "$149/mo",              subtitle: "Unlimited • Teams",              buttons: [{ text: "Choose Plan", href: "#" }],
               features: [
                 "Unlimited credits",                "Team seats (up to 5)",                "White-label option",                "API access",                "Brand kit management",                "Full video editing suite",                "24/7 priority support",                "Custom integrations",                "Perfect for agencies & e-commerce"
               ]
@@ -232,7 +232,7 @@ export default function LandingPage() {
           showCard={true}
           faqs={[
             {
-              id: "q1",              title: "How many videos can I make with my credits?",              content: "Credits depend on video length and quality. Base rate: 1 credit ≈ 1-5 seconds. A 60-second video using Veo with 4K costs ~12-15 credits. At Starter ($9/mo, 200 credits), you can make ~15-20 videos/month. Pro plan users can do 100+ with 2,500 credits."
+              id: "q1",              title: "How many videos can I make with my credits?",              content: "Credits depend on video length and quality. Base rate: 1 credit ≈ 1-5 seconds. A 60-second video using Veo with 4K costs ~12-15 credits. At Starter ($10/mo, 200 credits), you can make ~15-20 videos/month. Pro plan users can do 100+ with 2,500 credits."
             },
             {
               id: "q2",              title: "What AI models does SparkReel use?",              content: "We integrate Google Veo 3.1, Kling 3.0, Sora 2, Runway Gen-4.5 for video generation, and Luma for motion capture. We automatically pick the best model for your prompt. You can also select your preferred model."
@@ -295,4 +295,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #250c0d;
-  --primary-cta: #b82b40;
+  --background: #0A0A0A;
+  --card: #1a1a1a;
+  --foreground: #00F0FF;
+  --primary-cta: #FF2D55;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #00F0FF;
   --secondary-cta-text: #250c0d;
-  --accent: #b90941;
-  --background-accent: #e8a8b6;
+  --accent: #00F0FF;
+  --background-accent: #FF2D55;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);