Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
@@ -32,46 +32,31 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
-      brandName="Tumifaigirar"
+      brandName="Tu mi fai girar"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Empowering Your Digital Evolution"
       description="Tumifaigirar delivers next-generation software solutions designed to simplify complexity, enhance productivity, and secure your digital future."
       kpis={[
         {
-          value: "99.9%",
-          label: "Uptime",
-        },
+          value: "99.9%",          label: "Uptime"},
         {
-          value: "1.2M+",
-          label: "Requests Handled",
-        },
+          value: "1.2M+",          label: "Requests Handled"},
         {
-          value: "24/7",
-          label: "Global Support",
-        },
+          value: "24/7",          label: "Global Support"},
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-light-rays-wallpaper_1017-3408.jpg"
@@ -79,48 +64,23 @@ export default function LandingPage() {
       imageAlt="digital network dark background"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
-          alt: "professional man portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",          alt: "professional man portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors-with-arms-closed_23-2148824828.jpg",
-          alt: "professional woman portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiley-businesswoman-indoors-with-arms-closed_23-2148824828.jpg",          alt: "professional woman portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg",
-          alt: "tech industry professional",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg",          alt: "tech industry professional"},
         {
-          src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
-          alt: "tech lead portrait",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",          alt: "tech lead portrait"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
-          alt: "senior lead executive",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",          alt: "senior lead executive"},
       ]}
       avatarText="Trusted by 500+ industry leaders"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Seamless Integration",
-        },
-        {
-          type: "text",
-          text: "High Performance",
-        },
-        {
-          type: "text",
-          text: "Advanced Analytics",
-        },
-        {
-          type: "text",
-          text: "Scalable Infrastructure",
-        },
-        {
-          type: "text",
-          text: "Secure by Design",
-        },
+        { type: "text", text: "Seamless Integration" },
+        { type: "text", text: "High Performance" },
+        { type: "text", text: "Advanced Analytics" },
+        { type: "text", text: "Scalable Infrastructure" },
+        { type: "text", text: "Secure by Design" },
       ]}
     />
   </div>
@@ -130,8 +90,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Redefining Efficiency"
       description={[
-        "Tumifaigirar was built on a simple premise: technology should work for you, not the other way around. We craft intuitive tools that bridge the gap between complex data and actionable insights.",
-      ]}
+        "Tumifaigirar was built on a simple premise: technology should work for you, not the other way around. We craft intuitive tools that bridge the gap between complex data and actionable insights."]}
     />
   </div>
 
@@ -143,23 +102,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "High-Speed Processing",
-          description: "Execute complex tasks in milliseconds with our optimized infrastructure.",
-          imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing-data-streaming-concept_1017-31867.jpg",
-          imageAlt: "fast cloud computing icon",
-        },
+          title: "High-Speed Processing",          description: "Execute complex tasks in milliseconds with our optimized infrastructure.",          imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing-data-streaming-concept_1017-31867.jpg",          imageAlt: "fast cloud computing icon"},
         {
-          title: "Enterprise Security",
-          description: "Rest easy with banking-grade encryption and automated security protocols.",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-safety-dull-calling-strength_1134-1139.jpg",
-          imageAlt: "cyber security shield icon",
-        },
+          title: "Enterprise Security",          description: "Rest easy with banking-grade encryption and automated security protocols.",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-safety-dull-calling-strength_1134-1139.jpg",          imageAlt: "cyber security shield icon"},
         {
-          title: "Scalable Connectivity",
-          description: "Expand effortlessly across regions with our intelligent load balancing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/future-online-technology-global-concept_53876-120824.jpg",
-          imageAlt: "global network connection icon",
-        },
+          title: "Scalable Connectivity",          description: "Expand effortlessly across regions with our intelligent load balancing.",          imageSrc: "http://img.b2bpic.net/free-photo/future-online-technology-global-concept_53876-120824.jpg",          imageAlt: "global network connection icon"},
       ]}
       title="Performance at Its Core"
       description="Our core features are engineered to provide maximum performance without unnecessary overhead."
@@ -172,162 +119,86 @@ export default function LandingPage() {
       title="Proven Impact"
       tag="Our Growth"
       metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          description: "Active Enterprise Clients",
-        },
-        {
-          id: "m2",
-          value: "25TB+",
-          description: "Data Processed Monthly",
-        },
-        {
-          id: "m3",
-          value: "45%",
-          description: "Average Efficiency Gain",
-        },
+        { id: "m1", value: "500+", description: "Active Enterprise Clients" },
+        { id: "m2", value: "25TB+", description: "Data Processed Monthly" },
+        { id: "m3", value: "45%", description: "Average Efficiency Gain" },
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardOne
+      <PricingCardNine
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
-      plans={[
-        {
-          id: "p1",
-          badge: "Starter",
-          price: "$49",
-          subtitle: "Perfect for freelancers",
-          features: [
-            "Limited API access",
-            "Community support",
-            "1 workspace",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Professional",
-          price: "$129",
-          subtitle: "For growing teams",
-          features: [
-            "Full API access",
-            "24/7 priority support",
-            "10 workspaces",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Enterprise",
-          price: "Custom",
-          subtitle: "For large operations",
-          features: [
-            "Unlimited API access",
-            "Dedicated account manager",
-            "Custom integration",
-          ],
-        },
-      ]}
       title="Straightforward Pricing"
       description="Simple, transparent plans designed for businesses at any stage of growth."
+      plans={[
+        {
+          id: "p1",          title: "Starter",          price: "$49",          period: "/mo",          features: ["Limited API access", "Community support", "1 workspace"],
+          button: { text: "Get Started" }
+        },
+        {
+          id: "p2",          title: "Professional",          price: "$129",          period: "/mo",          features: ["Full API access", "24/7 priority support", "10 workspaces"],
+          button: { text: "Get Started" }
+        },
+        {
+          id: "p3",          title: "Enterprise",          price: "Custom",          period: "",          features: ["Unlimited API access", "Dedicated account manager", "Custom integration"],
+          button: { text: "Contact Us" }
+        },
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
+      <TestimonialCardThirteen
       animationType="slide-up"
       textboxLayout="split"
+      showRating={true}
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Jenkins",
-          handle: "@sarah_j",
-          testimonial: "The performance gains we saw within the first week were astronomical. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/browneyed-stylish-brunet-bearded-man-white-shirt-checkered-jacket-smiles-looks-into-camera-orange-background_197531-29376.jpg",
-        },
-        {
-          id: "t2",
-          name: "Marcus Thorne",
-          handle: "@m_thorne",
-          testimonial: "Finally, a platform that understands what developers actually need in a dashboard.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          handle: "@elena_r",
-          testimonial: "Customer support is unparalleled. They treat our business like their own.",
-          imageSrc: "http://img.b2bpic.net/free-photo/specialist-using-laptop-inspects-machinery-placing-solar-cells-conveyor-belts_482257-118115.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Chen",
-          handle: "@d_chen",
-          testimonial: "Secure, reliable, and incredibly scalable. It fits our needs perfectly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg",
-        },
-        {
-          id: "t5",
-          name: "Lucy H.",
-          handle: "@lucyh",
-          testimonial: "Simplified our entire workflow in less than an hour. Absolute game changer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-unshaven-worker-smiling_1098-3509.jpg",
-        },
-      ]}
       title="Trusted by Leaders"
       description="Hear what our clients have to say about their experience with Tumifaigirar."
+      testimonials={[
+        {
+          id: "t1",          name: "Sarah Jenkins",          handle: "@sarah_j",          rating: 5,
+          testimonial: "The performance gains we saw within the first week were astronomical. Highly recommended.",          imageSrc: "http://img.b2bpic.net/free-photo/browneyed-stylish-brunet-bearded-man-white-shirt-checkered-jacket-smiles-looks-into-camera-orange-background_197531-29376.jpg"},
+        {
+          id: "t2",          name: "Marcus Thorne",          handle: "@m_thorne",          rating: 5,
+          testimonial: "Finally, a platform that understands what developers actually need in a dashboard.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg"},
+        {
+          id: "t3",          name: "Elena Rodriguez",          handle: "@elena_r",          rating: 5,
+          testimonial: "Customer support is unparalleled. They treat our business like their own.",          imageSrc: "http://img.b2bpic.net/free-photo/specialist-using-laptop-inspects-machinery-placing-solar-cells-conveyor-belts_482257-118115.jpg"},
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqDouble
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "How do I start?",
-          content: "Simply sign up for a demo and our team will guide you through the initial setup.",
-        },
+          id: "f1",          title: "How do I start?",          content: "Simply sign up for a demo and our team will guide you through the initial setup."},
         {
-          id: "f2",
-          title: "Is my data secure?",
-          content: "Yes, we use advanced encryption standards and multi-factor authentication for all client data.",
-        },
+          id: "f2",          title: "Is my data secure?",          content: "Yes, we use advanced encryption standards and multi-factor authentication for all client data."},
         {
-          id: "f3",
-          title: "Do you offer trials?",
-          content: "We offer a 14-day free trial on all professional plans, no credit card required.",
-        },
+          id: "f3",          title: "Do you offer trials?",          content: "We offer a 14-day free trial on all professional plans, no credit card required."},
       ]}
       title="Frequently Asked Questions"
       description="Common inquiries to help you understand our services better."
       faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-low-poly-design-abstract-blur-background_1048-12681.jpg"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Let's Talk"
       title="Ready to Transform Your Workflow?"
       description="Schedule a call with our experts to discuss your custom needs and see our platform in action."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#" }]}
     />
   </div>
 
@@ -336,50 +207,23 @@ export default function LandingPage() {
       logoText="Tumifaigirar"
       columns={[
         {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Integration",
-              href: "#",
-            },
+          title: "Product",          items: [
+            { label: "Features", href: "#features" },
+            { label: "Pricing", href: "#pricing" },
+            { label: "Integration", href: "#" },
           ],
         },
         {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
+          title: "Company",          items: [
+            { label: "About", href: "#about" },
+            { label: "Careers", href: "#" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,7 +10,7 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #587dff;
+  --background: #000000;
   --card: #0c0c0c;
   --foreground: #ffffff;
   --primary-cta: #106EFB;