Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,97 +29,25 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Categories", id: "features" },
-          id: "hero",
+        { name: "Tools", id: "products" },
-        },
+        { name: "FAQ", id: "faq" },
-        {
-          name: "Categories",
-          id: "features",
-        },
-        {
-          name: "Tools",
-          id: "products",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
       ]}
-      brandName="AI Hub"
+      brandName="AI Directory"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroOverlayTestimonial
-      title="Unlock Your Creative Potential with the Best AI Tools"
+      title="Your Ultimate Directory for AI Tools"
-      description="Discover hand-picked AI software for video, writing, design, and development to accelerate your workflow."
+      description="Find, compare, and master the best AI tools across video, writing, coding, and creative categories to level up your productivity."
       testimonials={[
-        {
+        { name: "Alex Smith", handle: "@alexs", testimonial: "The easiest way to find specialized AI software.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627866.jpg?_wi=1" },
-          name: "Alex Smith",
+        { name: "Maria Garcia", handle: "@mgr", testimonial: "Categorization here is top-notch. Saves massive time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-desktop-with-agenda-glasses_23-2148430842.jpg?_wi=1" }
-          handle: "@alexs",
-          testimonial: "This directory saved me hours of searching.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627866.jpg?_wi=1",
-          imageAlt: "futuristic AI interface dark",
-        },
-        {
-          name: "Maria Garcia",
-          handle: "@mgr",
-          testimonial: "Found the perfect tool for video production.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desktop-with-agenda-glasses_23-2148430842.jpg?_wi=1",
-          imageAlt: "minimalist creative dark desk",
-        },
-        {
-          name: "Jordan Lee",
-          handle: "@jlee",
-          testimonial: "Excellent collection for student research.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=1",
-          imageAlt: "minimalist logo gold",
-        },
-        {
-          name: "Sam Taylor",
-          handle: "@sammy",
-          testimonial: "Best free AI tools list I've encountered.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ogkrah&_wi=1",
-          imageAlt: "minimalist pen logo gold",
-        },
-        {
-          name: "Casey P.",
-          handle: "@casey",
-          testimonial: "My workflow is 3x faster now.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/graphic-digital-tablet-stationeries-colorful-paper-background_23-2147880450.jpg?_wi=1",
-          imageAlt: "abstract image symbol gold",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627866.jpg?_wi=2"
-      avatars={[
+      avatarText="Used by 5,000+ power users"
-        {
-          src: "https://img.b2bpic.net/free-photo/portrait-young-man-with-beard-dark-clothing_23-2148496464.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/cheerful-business-woman-standing-office_23-2148281358.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/portrait-smiling-young-man-glasses_23-2148281350.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/close-up-portrait-happy-young-woman_23-2148281347.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "https://img.b2bpic.net/free-photo/handsome-man-formal-suit-smiling-confidently_23-2148281354.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Trusted by 5,000+ creators"
     />
   </div>
 
@@ -127,21 +55,12 @@ export default function LandingPage() {
       <SplitAbout
       textboxLayout="split"
       useInvertedBackground={true}
-      title="Why AI Hub?"
+      title="Simplified AI Discovery"
-      description="We rigorously test and categorize AI tools so you can focus on building, creating, and learning. Our mission is to democratize high-end AI accessibility."
+      description="We categorize tools by their core utility—Creativity, Productivity, Development, and Analysis—so you can quickly identify the exact resource needed for your project workflows."
       bulletPoints={[
-        {
+        { title: "Curated Categories", description: "Deep-dive into specialized niches like motion, coding, or writing." },
-          title: "Verified Tools",
+        { title: "Expert Vetted", description: "Only high-impact, reliable tools make the directory." },
-          description: "Every tool listed is tested by our expert community.",
+        { title: "Comparison Insights", description: "Understand pricing, capabilities, and best use cases for every tool." },
-        },
-        {
-          title: "Free vs Paid",
-          description: "Clearly filtered lists to fit every budget.",
-        },
-        {
-          title: "Category Focused",
-          description: "Easily navigate by creative, student, or business needs.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-desktop-with-agenda-glasses_23-2148430842.jpg?_wi=2"
       mediaAnimation="slide-up"
@@ -153,73 +72,28 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Video & Media", description: "Tools for editing, generation, and synthesis.", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=2" },
-          title: "Video Creation",
+        { title: "Content & Writing", description: "AI agents for drafting, summarizing, and SEO.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ogkrah&_wi=2" },
-          description: "Transform text to cinematic video with our top-rated AI models.",
+        { title: "Dev & Engineering", description: "Coding assistants, testing automation, and deployment.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-digital-tablet-stationeries-colorful-paper-background_23-2147880450.jpg?_wi=2" },
-          imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=2",
-        },
-        {
-          title: "Creative Writing",
-          description: "Draft blog posts, research papers, and scripts in seconds.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ogkrah&_wi=2",
-        },
-        {
-          title: "Visual AI",
-          description: "Generate high-quality artwork and assets with simple prompts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/graphic-digital-tablet-stationeries-colorful-paper-background_23-2147880450.jpg?_wi=2",
-        },
       ]}
-      title="Powerful AI Categories"
+      title="Organized by Capability"
-      description="Explore specialized tools tailored to your specific creative and professional needs."
+      description="Our directory organizes AI tools by their primary function to ensure you always find the right instrument for your workflow."
     />
   </div>
 
   <div id="products" data-section="products">
       <ProductCardOne
       animationType="slide-up"
-      textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
+      textboxLayout="default"
       products={[
-        {
+        { id: "p1", name: "Creative Suite AI", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=3" },
-          id: "p1",
+        { id: "p2", name: "CodeFlow Engine", price: "Enterprise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ogkrah&_wi=3" },
-          name: "VidGen Pro",
+        { id: "p3", name: "Drafting AI", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/graphic-digital-tablet-stationeries-colorful-paper-background_23-2147880450.jpg?_wi=3" },
-          price: "Freemium",
-          imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg?_wi=3",
-        },
-        {
-          id: "p2",
-          name: "WriteAssist",
-          price: "Free Trial",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ogkrah&_wi=3",
-        },
-        {
-          id: "p3",
-          name: "ArtFlow",
-          price: "$15/mo",
-          imageSrc: "http://img.b2bpic.net/free-photo/graphic-digital-tablet-stationeries-colorful-paper-background_23-2147880450.jpg?_wi=3",
-        },
-        {
-          id: "p4",
-          name: "Free AI Studio",
-          price: "Free",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kq5qcw",
-        },
-        {
-          id: "p5",
-          name: "AudioWaves",
-          price: "Freemium",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-volume-icon_187299-47019.jpg",
-        },
-        {
-          id: "p6",
-          name: "ResearchBot",
-          price: "$29/mo",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-composition-different-books_23-2148883812.jpg",
-        },
       ]}
-      title="Top Recommended Tools"
+      title="Trending AI Tools"
-      description="Our current favorite AI tools updated weekly."
+      description="Discover the most popular tools currently transforming the industry."
     />
   </div>
 
@@ -227,23 +101,10 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "How is the directory organized?", content: "Tools are categorized by function: Creative, Coding, Writing, and Productivity." },
-          id: "f1",
+        { id: "f2", title: "Can I submit my own tool?", content: "Absolutely, use the contact form below to request a review." },
-          title: "How often is this directory updated?",
-          content: "Our directory is updated weekly by our internal team and community submissions.",
-        },
-        {
-          id: "f2",
-          title: "Are these tools safe to use?",
-          content: "We review each tool for safety, but please review individual tool terms and policies.",
-        },
-        {
-          id: "f3",
-          title: "Can I suggest a new AI tool?",
-          content: "Yes! Please use our contact form at the bottom to submit tools.",
-        },
       ]}
-      sideTitle="Frequently Asked Questions"
+      sideTitle="FAQ"
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -251,26 +112,18 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
       tag="Newsletter"
-      title="Stay Updated with AI News"
+      title="Get AI Tool Updates"
-      description="Get the best AI tool recommendations delivered to your inbox every Friday."
+      description="Join 5,000+ subscribers getting the latest AI tool discoveries every week."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
-      logoText="AI Hub"
+      logoText="AI Directory"
-      leftLink={{
+      leftLink={{ text: "Terms", href: "#" }}
-        text: "Terms",
+      rightLink={{ text: "Privacy", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>