Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="SocioElevate"
     />
@@ -54,37 +46,24 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Level Up Your Content Game"
-      description="SocioElevate provides the ultimate suite for content creators. Generate viral titles, plan your content, and script your next masterpiece using AI-driven precision."
+      description="Save 10+ hours a week on content creation while doubling your reach with AI-optimized workflows."
       buttons={[
         {
-          text: "Start Elevating",
+          text: "Start Elevating",          href: "#features"},
-          href: "#features",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4db9l2",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4db9l2",          imageAlt: "content creator setup"},
-          imageAlt: "content creator setup",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=17b8ka",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=17b8ka",          imageAlt: "content creator setup"},
-          imageAlt: "content creator setup",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u6imqs",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u6imqs",          imageAlt: "content creator setup"},
-          imageAlt: "content creator setup",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=becs8e",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=becs8e",          imageAlt: "content creator setup"},
-          imageAlt: "content creator setup",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q68zbr",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q68zbr",          imageAlt: "content creator setup"},
-          imageAlt: "content creator setup",
-        },
       ]}
       mediaAnimation="slide-up"
     />
@@ -98,47 +77,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "YouTube Title Generator",
+          title: "YouTube Title Generator",          description: "Craft click-worthy titles that grab attention.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qzklez",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mt1e31",          buttonText: "Try Now"},
-          description: "Craft click-worthy titles that grab attention.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qzklez",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mt1e31",
-          buttonText: "Try Now",
-        },
         {
-          title: "Thumbnail Ideas",
+          title: "Thumbnail Ideas",          description: "AI-generated thumbnail concepts for higher CTR.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4svl47",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75axul",          buttonText: "Try Now"},
-          description: "AI-generated thumbnail concepts for higher CTR.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4svl47",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=75axul",
-          buttonText: "Try Now",
-        },
         {
-          title: "Viral Topic Finder",
+          title: "Viral Topic Finder",          description: "Identify trending topics before they peak.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mtr03u",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=87zzrq",          buttonText: "Try Now"},
-          description: "Identify trending topics before they peak.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mtr03u",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=87zzrq",
-          buttonText: "Try Now",
-        },
         {
-          title: "Script AI",
+          title: "Script AI",          description: "Write engaging scripts in minutes.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y4mnj7",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0i9ko5",          buttonText: "Try Now"},
-          description: "Write engaging scripts in minutes.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y4mnj7",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0i9ko5",
-          buttonText: "Try Now",
-        },
         {
-          title: "Content Calendar",
+          title: "Content Calendar",          description: "Seamless scheduling for consistent growth.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wn6268",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=674uix",          buttonText: "Try Now"},
-          description: "Seamless scheduling for consistent growth.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wn6268",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=674uix",
-          buttonText: "Try Now",
-        },
         {
-          title: "Reel Idea Generator",
+          title: "Reel Idea Generator",          description: "Endless inspiration for short-form video.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3e5vw",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5gfov",          buttonText: "Try Now"},
-          description: "Endless inspiration for short-form video.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3e5vw",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5gfov",
-          buttonText: "Try Now",
-        },
       ]}
       title="Everything You Need to Go Viral"
       description="Powerful AI tools designed for creators, built for speed, and focused on growth."
@@ -150,55 +99,25 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
+      tag="Limited Time Offer"
       plans={[
         {
-          id: "starter",
+          id: "starter",          tag: "Basic",          price: "$19",          period: "/mo",          description: "Perfect for beginners getting started.",          button: {
-          tag: "Basic",
+            text: "Get Started"},
-          price: "$19",
+          featuresTitle: "Included Features",          features: [
-          period: "/mo",
+            "YouTube Title Gen",            "Script AI",            "Reel Ideas"],
-          description: "Perfect for beginners getting started.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included Features",
-          features: [
-            "YouTube Title Gen",
-            "Script AI",
-            "Reel Ideas",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          tag: "Pro",          price: "$49",          period: "/mo",          description: "For serious creators scaling up.",          button: {
-          tag: "Pro",
+            text: "Go Pro - Lock in 50% Off"},
-          price: "$49",
+          featuresTitle: "Everything in Basic, plus:",          features: [
-          period: "/mo",
+            "Viral Topic Finder",            "Thumbnail AI",            "Content Calendar",            "Priority Support"],
-          description: "For serious creators scaling up.",
-          button: {
-            text: "Go Pro",
-          },
-          featuresTitle: "Everything in Basic, plus:",
-          features: [
-            "Viral Topic Finder",
-            "Thumbnail AI",
-            "Content Calendar",
-            "Priority Support",
-          ],
         },
         {
-          id: "agency",
+          id: "agency",          tag: "Agency",          price: "$199",          period: "/mo",          description: "High volume for teams and agencies.",          button: {
-          tag: "Agency",
+            text: "Contact Us"},
-          price: "$199",
+          featuresTitle: "Everything in Pro, plus:",          features: [
-          period: "/mo",
+            "Unlimited AI Generation",            "Team Accounts",            "Analytics Deep-Dive"],
-          description: "High volume for teams and agencies.",
-          button: {
-            text: "Contact Us",
-          },
-          featuresTitle: "Everything in Pro, plus:",
-          features: [
-            "Unlimited AI Generation",
-            "Team Accounts",
-            "Analytics Deep-Dive",
-          ],
         },
       ]}
       title="Simple Pricing for Every Creator"
@@ -211,14 +130,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "CreatorHub",
+        "CreatorHub",        "Streamline Media",        "ViralFlow",        "Trendsetters",        "ContentLab",        "InfluencerPro",        "GrowthMedia"]}
-        "Streamline Media",
-        "ViralFlow",
-        "Trendsetters",
-        "ContentLab",
-        "InfluencerPro",
-        "GrowthMedia",
-      ]}
       title="Trusted by Creators Everywhere"
       description="Join a global community of innovators building the future of content."
     />
@@ -232,25 +144,15 @@ export default function LandingPage() {
       author="Sarah J., Tech Creator"
       avatars={[
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c2nqsj",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c2nqsj",          alt: "happy creator laptop"},
-          alt: "happy creator laptop",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0f0iw",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0f0iw",          alt: "young vlogger studio"},
-          alt: "young vlogger studio",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i7sykc",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i7sykc",          alt: "digital marketing expert"},
-          alt: "digital marketing expert",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=351elt",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=351elt",          alt: "social media influencer filming"},
-          alt: "social media influencer filming",
-        },
         {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jnoyyw",
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jnoyyw",          alt: "video editor studio"},
-          alt: "video editor studio",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -263,25 +165,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "Does it support multiple languages?",          content: "Yes, SocioElevate supports over 30 languages."},
-          title: "Does it support multiple languages?",
-          content: "Yes, SocioElevate supports over 30 languages.",
-        },
         {
-          id: "2",
+          id: "2",          title: "How does the AI work?",          content: "We use advanced machine learning models fine-tuned on viral social data."},
-          title: "How does the AI work?",
-          content: "We use advanced machine learning models fine-tuned on viral social data.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Can I cancel anytime?",          content: "Yes, cancel your subscription at any time without questions."},
-          title: "Can I cancel anytime?",
-          content: "Yes, cancel your subscription at any time without questions.",
-        },
         {
-          id: "4",
+          id: "4",          title: "Do you offer refunds?",          content: "We offer a 14-day money-back guarantee."},
-          title: "Do you offer refunds?",
-          content: "We offer a 14-day money-back guarantee.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Need more info? Check our FAQs or reach out directly."
@@ -293,8 +183,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Ready to Start Your Journey?"
       description="Sign up today and get your first week on us."
       buttonText="Sign Up Now"
@@ -307,48 +196,36 @@ export default function LandingPage() {
       logoText="SocioElevate"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Resources",
+          title: "Resources",          items: [
-          items: [
             {
-              label: "Blog",
+              label: "Blog",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Help",
+              label: "Help",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
     />
+  </div>
+  <div style={{ position: 'fixed', bottom: 20, right: 20, zIndex: 9999 }}>
+      <iframe src="https://chatgpt.com/?model=gpt-4" style={{ width: '400px', height: '600px', borderRadius: '16px', boxShadow: '0 10px 25px rgba(0,0,0,0.2)', border: 'none' }} />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}