Update src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -16,11 +16,14 @@ const inter = Inter({
 export const metadata: Metadata = {
   title: "Join Our Online Learning Community | CommunityStart",  description: "Start making money online with our beginner-friendly Discord community. Get a simple roadmap, skill-building resources, and daily motivation.",  keywords: "online learning, make money online, beginner guide, Discord community, online business",  metadataBase: new URL("https://communitystart.io"),
   alternates: {
-    canonical: "https://communitystart.io"},
+    canonical: "https://communitystart.io"
+  },
   openGraph: {
-    title: "Start Making Money Online Today",    description: "Join our beginner-focused community and learn how to make money online from $0.",    url: "https://communitystart.io",    siteName: "CommunityStart",    type: "website"},
+    title: "Start Making Money Online Today",    description: "Join our beginner-focused community and learn how to make money online from $0.",    url: "https://communitystart.io",    siteName: "CommunityStart",    type: "website"
+  },
   twitter: {
-    card: "summary_large_image",    title: "Start Making Money Online Today",    description: "Join our beginner-focused community and learn how to make money online."},
+    card: "summary_large_image",    title: "Start Making Money Online Today",    description: "Join our beginner-focused community and learn how to make money online."
+  },
 };
 
 export default function RootLayout({

src/app/page.tsx

@@ -42,9 +42,11 @@ export default function LandingPage() {
             { name: "Why Join", id: "problem" },
             { name: "What You Get", id: "features" },
             { name: "The Plan", id: "plan" },
+            { name: "Discord", id: "discord" },
           ]}
           button={{
-            text: "Join Now",            href: "YOUR-WHOP-LINK"}}
+            text: "Join Now",            href: "https://whop.com/opportunity-vault/opportunity-vault-34/"
+          }}
           animateOnLoad={true}
         />
       </div>
@@ -55,10 +57,11 @@ export default function LandingPage() {
           description="Most beginners fail because they try too many things. This community shows you a simple path to start from $0."
           buttons={[
             {
-              text: "Join the Community",              href: "YOUR-WHOP-LINK"},
+              text: "Join the Community",              href: "https://whop.com/opportunity-vault/opportunity-vault-34/"
+            },
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/group-collaboration-around-laptop-creative-workspace_24972-2944.jpg"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop&_wi=1"
           imageAlt="community online learning beginners startup"
           showDimOverlay={true}
         />
@@ -72,7 +75,7 @@ export default function LandingPage() {
           description="Starting online can feel confusing. There are thousands of videos, courses, and methods. Most beginners get overwhelmed and quit before they see results."
           subdescription="Common struggles beginners face"
           icon={TrendingDown}
-          imageSrc="http://img.b2bpic.net/free-vector/infographic-timeline-concept-with-road_23-2147842354.jpg"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=600&fit=crop&_wi=2"
           imageAlt="roadmap plan strategy path steps"
           mediaAnimation="blur-reveal"
           useInvertedBackground={false}
@@ -84,16 +87,20 @@ export default function LandingPage() {
           features={[
             {
               icon: Map,
-              title: "Beginner Roadmap",              description: "Step-by-step guidance so you know exactly what to focus on."},
+              title: "Beginner Roadmap",              description: "Step-by-step guidance so you know exactly what to focus on."
+            },
             {
               icon: BookOpen,
-              title: "Skill Building",              description: "Learn useful online skills that can help you earn online."},
+              title: "Skill Building",              description: "Learn useful online skills that can help you earn online."
+            },
             {
               icon: Zap,
-              title: "Daily Motivation",              description: "Stay consistent and keep building every day."},
+              title: "Daily Motivation",              description: "Stay consistent and keep building every day."
+            },
             {
               icon: Users,
-              title: "Community Support",              description: "Ask questions, share progress, and learn with others."},
+              title: "Community Support",              description: "Ask questions, share progress, and learn with others."
+            },
           ]}
           title="What You'll Find Inside The Community"
           description="Everything you need to start your journey with confidence and clarity"
@@ -102,7 +109,8 @@ export default function LandingPage() {
           useInvertedBackground={true}
           buttons={[
             {
-              text: "Join The Community",              href: "YOUR-WHOP-LINK"},
+              text: "Join The Community",              href: "https://whop.com/opportunity-vault/opportunity-vault-34/"
+            },
           ]}
           buttonAnimation="slide-up"
         />
@@ -129,12 +137,32 @@ export default function LandingPage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Start Today",              href: "YOUR-WHOP-LINK"},
+              text: "Start Today",              href: "https://whop.com/opportunity-vault/opportunity-vault-34/"
+            },
           ]}
           buttonAnimation="slide-up"
         />
       </div>
 
+      <div id="discord" data-section="discord">
+        <ContactCTA
+          tag="Join Us"
+          tagIcon={Users}
+          title="Connect with Our Community on Discord"
+          description="Join thousands of learners supporting each other on their journey to earn online. Share progress, ask questions, and grow together in a welcoming community."
+          buttons={[
+            {
+              text: "Join Discord",              href: "https://discord.gg/a7Y8BvXv"
+            },
+          ]}
+          buttonAnimation="slide-up"
+          background={{
+            variant: "plain"
+          }}
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="cta" data-section="cta">
         <ContactCTA
           tag="Final Call"
@@ -143,11 +171,13 @@ export default function LandingPage() {
           description="Join the community and start learning today. We're here to guide you every step of the way."
           buttons={[
             {
-              text: "Join Now",              href: "YOUR-WHOP-LINK"},
+              text: "Join Now",              href: "https://whop.com/opportunity-vault/opportunity-vault-34/"
+            },
           ]}
           buttonAnimation="slide-up"
           background={{
-            variant: "plain"}}
+            variant: "plain"
+          }}
           useInvertedBackground={true}
         />
       </div>
@@ -159,29 +189,37 @@ export default function LandingPage() {
             {
               title: "Product",              items: [
                 {
-                  label: "Discord Community",                  href: "YOUR-WHOP-LINK"},
+                  label: "Discord Community",                  href: "https://discord.gg/a7Y8BvXv"
+                },
                 {
-                  label: "Roadmap",                  href: "#plan"},
+                  label: "Roadmap",                  href: "#plan"
+                },
                 {
-                  label: "Features",                  href: "#features"},
+                  label: "Features",                  href: "#features"
+                },
               ],
             },
             {
               title: "Company",              items: [
                 {
-                  label: "About",                  href: "#"},
+                  label: "About",                  href: "#"
+                },
                 {
-                  label: "Contact",                  href: "#"},
+                  label: "Contact",                  href: "#"
+                },
                 {
-                  label: "Blog",                  href: "#"},
+                  label: "Blog",                  href: "#"
+                },
               ],
             },
             {
               title: "Legal",              items: [
                 {
-                  label: "Privacy Policy",                  href: "#"},
+                  label: "Privacy Policy",                  href: "#"
+                },
                 {
-                  label: "Terms of Service",                  href: "#"},
+                  label: "Terms of Service",                  href: "#"
+                },
               ],
             },
           ]}