Merge version_10 into main

Merge version_10 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -32,43 +32,30 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Features", id: "features" },
-          name: "Features",          id: "features"},
+        { name: "Pricing", id: "products" },
-        {
+        { name: "Testimonials", id: "testimonials" },
-          name: "Pricing",          id: "pricing"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="FileVault"
-      button={{
+      button={{ text: "Get Started", href: "#contact" }}
-        text: "Get Started",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroBillboardCarousel
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       title="Master Your Laptop Files"
       description="The ultimate organization platform for your local and cloud folders. Keep every document in its place with intelligent indexing and secure tracking."
       tag="Personalized Organization"
       buttons={[
-        {
+        { text: "Get Started", href: "#contact" },
-          text: "Get Started",          href: "#contact"},
+        { text: "View Features", href: "#features" },
-        {
-          text: "View Features",          href: "#features"},
       ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/stock-market-diagrams-with-charts-stock-figures-laptop-sitting-desk_482257-84629.jpg", imageAlt: "Laptop file management ui" },
-          imageSrc: "http://img.b2bpic.net/free-photo/stock-market-diagrams-with-charts-stock-figures-laptop-sitting-desk_482257-84629.jpg",          imageAlt: "Laptop file management ui"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "Organized digital workspace" }
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",          imageAlt: "Organized digital workspace"}
       ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Trusted by 10,000+ power users"
     />
   </div>
 
@@ -77,15 +64,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Efficiency by Design"
       metrics={[
-        {
+        { icon: Zap, label: "Search Speed", value: "0.1s" },
-          icon: Zap,
+        { icon: Shield, label: "Secure Folders", value: "1M+" },
-          label: "Search Speed",          value: "0.1s"},
+        { icon: Award, label: "Organization Score", value: "99%" },
-        {
-          icon: Shield,
-          label: "Secure Folders",          value: "1M+"},
-        {
-          icon: Award,
-          label: "Organization Score",          value: "99%"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -96,12 +77,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Smart Categorization", description: "Automatically sorts files into predefined folders based on metadata.", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362554.jpg", imageAlt: "Data file folder icon" },
-          title: "Smart Categorization",          description: "Automatically sorts files into predefined folders based on metadata.",          imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362554.jpg",          imageAlt: "Data file folder icon"},
+        { title: "Bank-Level Encryption", description: "Keep your personal folders secure with end-to-end local encryption.", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512198.jpg", imageAlt: "Secure data folder vault" },
-        {
+        { title: "Seamless Sync", description: "Sync your laptop folders across multiple devices in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/files-are-typically-arranged-particular-order_53876-21319.jpg", imageAlt: "Team folder sharing software" },
-          title: "Bank-Level Encryption",          description: "Keep your personal folders secure with end-to-end local encryption.",          imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512198.jpg",          imageAlt: "Secure data folder vault"},
-        {
-          title: "Seamless Sync",          description: "Sync your laptop folders across multiple devices in real-time.",          imageSrc: "http://img.b2bpic.net/free-photo/files-are-typically-arranged-particular-order_53876-21319.jpg",          imageAlt: "Team folder sharing software"},
       ]}
       title="Powerful Organizing Features"
       description="Tools built to simplify your digital life."
@@ -115,18 +93,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Essential Plan", price: "$9/mo", imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg" },
-          id: "p1",          name: "Essential Plan",          price: "$9/mo",          imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg"},
+        { id: "p2", name: "Professional Plan", price: "$19/mo", imageSrc: "http://img.b2b-vector/flat-mobile-app-cover_52683-6716.jpg" },
-        {
+        { id: "p3", name: "Enterprise Plan", price: "$49/mo", imageSrc: "http://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-124766.jpg" },
-          id: "p2",          name: "Professional Plan",          price: "$19/mo",          imageSrc: "http://img.b2bpic.net/free-vector/flat-mobile-app-cover_52683-6716.jpg"},
-        {
-          id: "p3",          name: "Enterprise Plan",          price: "$49/mo",          imageSrc: "http://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-124766.jpg"},
-        {
-          id: "p4",          name: "Archiver Plan",          price: "$29/mo",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"},
-        {
-          id: "p5",          name: "Starter Plan",          price: "$5/mo",          imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-icon-concept_53876-120135.jpg"},
-        {
-          id: "p6",          name: "Growth Plan",          price: "$39/mo",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-online-shopping-with-copy-space_23-2148625700.jpg"},
       ]}
       title="Manage Your Plans"
       description="Choose the organizational tier that fits your workflow."
@@ -139,18 +108,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "1.2M", title: "Files Organized", items: ["Saved hours", "Reduced clutter"] },
-          id: "m1",          value: "1.2M",          title: "Files Organized",          items: [
+        { id: "m2", value: "45%", title: "Time Saved", items: ["Faster searching", "Quick access"] },
-            "Saved hours",            "Reduced clutter"],
+        { id: "m3", value: "99.9%", title: "Data Safety", items: ["Encrypted", "Backup secured"] },
-        },
-        {
-          id: "m2",          value: "45%",          title: "Time Saved",          items: [
-            "Faster searching",            "Quick access"],
-        },
-        {
-          id: "m3",          value: "99.9%",          title: "Data Safety",          items: [
-            "Encrypted",            "Backup secured"],
-        },
       ]}
       title="Organization Impact"
       description="The metrics that prove our system works."
@@ -163,16 +123,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Miller", handle: "@sarahm", testimonial: "Finally, my laptop folders are actually usable. This tool saved me so much time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg" },
-          id: "1",          name: "Sarah Miller",          handle: "@sarahm",          testimonial: "Finally, my laptop folders are actually usable. This tool saved me so much time.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg"},
+        { id: "2", name: "David Park", handle: "@dpark", testimonial: "Excellent interface. Intuitive and fast. Can't imagine working without it.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
-        {
-          id: "2",          name: "David Park",          handle: "@dpark",          testimonial: "Excellent interface. Intuitive and fast. Can't imagine working without it.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
-        {
-          id: "3",          name: "Emily Chen",          handle: "@echen",          testimonial: "Security features are top-notch. My sensitive folders feel safe now.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-suit_23-2149396254.jpg"},
-        {
-          id: "4",          name: "Marcus J.",          handle: "@mj_dev",          testimonial: "The best folder manager I have ever used. Highly recommended for devs.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg"},
-        {
-          id: "5",          name: "Lisa Wang",          handle: "@lisaw",          testimonial: "Simple, clean, and effective. It just works exactly as advertised.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-working-with-computer-growth-strategy-creating-financial-analysis-with-charts-graphs-male-employee-planning-executive-data-presentation-desk_482257-41035.jpg"},
       ]}
       title="Loved by Laptop Owners"
       description="What our users have to say."
@@ -184,12 +136,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Is my data private?", content: "Absolutely. Everything stays on your laptop unless you choose otherwise." },
-          id: "f1",          title: "Is my data private?",          content: "Absolutely. Everything stays on your laptop unless you choose otherwise."},
+        { id: "f2", title: "Can I use it offline?", content: "Yes, our indexing works locally without an internet connection." },
-        {
-          id: "f2",          title: "Can I use it offline?",          content: "Yes, our indexing works locally without an internet connection."},
-        {
-          id: "f3",          title: "Is there a free trial?",          content: "We offer a 14-day full-featured free trial."},
       ]}
       title="Frequently Asked Questions"
       description="Answers to common questions about our organization system."
@@ -200,43 +148,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       text="Ready to clean up your folders? Get started with FileVault today."
-      buttons={[
+      buttons={[{ text: "Contact Support", href: "#contact" }]}
-        {
-          text: "Contact Support",          href: "mailto:support@filevault.com"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#products" }] },
-          title: "Product",          items: [
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
-            {
-              label: "Features",              href: "#features"},
-            {
-              label: "Pricing",              href: "#pricing"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
       ]}
       logoText="FileVault"
     />