From abb83571877dd0b8ef577aba8bbee03156ea932b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 4 Jun 2026 13:26:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 199 +++++++++++------------------------------------
 1 file changed, 46 insertions(+), 153 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c479fe0..db68eda 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,26 +32,16 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "Pricing",
-          id: "#pricing",
-        },
+          name: "Pricing",          id: "#pricing"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       button={{
-        text: "Get Started",
-        href: "#contact",
-      }}
+        text: "Get Started",        href: "#contact"}}
       brandName="TERRELA I SOLUTIONS"
     />
   </div>
@@ -59,51 +49,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated-grid",
-      }}
+        variant: "rotated-rays-animated-grid"}}
       title="We Build Websites That Work While You Sleep."
       description="High-converting websites, intelligent AI agents, and reliable hosting — built for businesses ready to grow."
       buttons={[
         {
-          text: "See Our Services",
-          href: "#services",
-        },
+          text: "See Our Services",          href: "#services"},
         {
-          text: "Contact Us",
-          href: "#contact",
-        },
+          text: "Contact Us",          href: "#contact"},
       ]}
       carouselItems={[
         {
-          id: "hero-media-1",
-          imageSrc: "http://img.b2bpic.net/free-photo/light-leak-overlay-effect-with-blur-blue-light-leak-noisy-retro-film_474888-8016.jpg",
-          imageAlt: "Futuristic tech dashboard with holographic elements",
-        },
+          id: "hero-media-1",          imageSrc: "http://img.b2bpic.net/free-photo/light-leak-overlay-effect-with-blur-blue-light-leak-noisy-retro-film_474888-8016.jpg",          imageAlt: "Futuristic tech dashboard with holographic elements"},
         {
-          id: "hero-media-2",
-          imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg",
-          imageAlt: "Abstract digital network connections with glowing nodes",
-        },
+          id: "hero-media-2",          imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12013.jpg",          imageAlt: "Abstract digital network connections with glowing nodes"},
         {
-          id: "hero-media-3",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-security-system-with-network-server-connection-generated-by-ai_188544-26745.jpg",
-          imageAlt: "Sleek server racks in a dark data center with cyan lights",
-        },
+          id: "hero-media-3",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-security-system-with-network-server-connection-generated-by-ai_188544-26745.jpg",          imageAlt: "Sleek server racks in a dark data center with cyan lights"},
         {
-          id: "hero-media-4",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg",
-          imageAlt: "Abstract representation of AI learning process",
-        },
+          id: "hero-media-4",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg",          imageAlt: "Abstract representation of AI learning process"},
         {
-          id: "hero-media-5",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833342.jpg",
-          imageAlt: "User interacting with a holographic website interface",
-        },
+          id: "hero-media-5",          imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-indoors_23-2151833342.jpg",          imageAlt: "User interacting with a holographic website interface"},
         {
-          id: "hero-media-6",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-blue-particles-background_1017-3781.jpg",
-          imageAlt: "Vibrant particle effect resembling a galaxy",
-        },
+          id: "hero-media-6",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-glowing-blue-particles-background_1017-3781.jpg",          imageAlt: "Vibrant particle effect resembling a galaxy"},
       ]}
       autoPlay={true}
       autoPlayInterval={4000}
@@ -117,20 +84,11 @@ export default function LandingPage() {
       description="Our comprehensive suite of digital solutions is designed to elevate your business, streamline operations, and drive measurable growth. From high-converting websites to intelligent automation, we're your partner in digital success."
       accordionItems={[
         {
-          id: "websites",
-          title: "High-Converting Websites",
-          content: "Custom-designed websites built to generate leads, sales, and real business results. We focus on intuitive UX/UI and powerful backend performance to ensure your online presence is a profit center.",
-        },
+          id: "websites",          title: "High-Converting Websites",          content: "Custom-designed websites built to generate leads, sales, and real business results. We focus on intuitive UX/UI and powerful backend performance to ensure your online presence is a profit center."},
         {
-          id: "ai-agents",
-          title: "AI Agents",
-          content: "Automate your workflows with intelligent AI agents tailored to your business needs. Increase efficiency, reduce costs, and free up your team to focus on strategic initiatives. From customer support to data analysis, our AI solutions work for you.",
-        },
+          id: "ai-agents",          title: "AI Agents",          content: "Automate your workflows with intelligent AI agents tailored to your business needs. Increase efficiency, reduce costs, and free up your team to focus on strategic initiatives. From customer support to data analysis, our AI solutions work for you."},
         {
-          id: "hosting",
-          title: "Reliable Hosting",
-          content: "Fast, secure hosting starting at $140 TTD/month so your site is always online and performing at its peak. Enjoy peace of mind with robust infrastructure and dedicated support, ensuring uninterrupted service for your critical applications.",
-        },
+          id: "hosting",          title: "Reliable Hosting",          content: "Fast, secure hosting starting at $140 TTD/month so your site is always online and performing at its peak. Enjoy peace of mind with robust infrastructure and dedicated support, ensuring uninterrupted service for your critical applications."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/business-plan-corporate-development-process_53876-124514.jpg"
       imageAlt="Screens showing modern website design, AI agent interface, and server racks"
@@ -146,39 +104,19 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "hosting",
-          name: "Hosting Plan",
-          price: "$140 TTD / month",
-          features: [
-            "Fast & reliable hosting",
-            "99.9% uptime guarantee",
-            "Secure servers",
-            "24/7 monitoring",
-            "Basic support",
-          ],
+          id: "hosting",          name: "Hosting Plan",          price: "$140 TTD / month",          features: [
+            "Fast & reliable hosting",            "99.9% uptime guarantee",            "Secure servers",            "24/7 monitoring",            "Basic support"],
           buttons: [
             {
-              text: "Choose Hosting",
-              href: "#contact",
-            },
+              text: "Choose Hosting",              href: "#contact"},
           ],
         },
         {
-          id: "standard-package",
-          name: "Standard Package",
-          price: "$1,000 TTD",
-          features: [
-            "Full website design",
-            "Deployment & setup",
-            "Mobile responsive",
-            "SEO optimized",
-            "1-month support",
-          ],
+          id: "standard-package",          name: "Standard Package",          price: "$1,000 TTD",          features: [
+            "Full website design",            "Deployment & setup",            "Mobile responsive",            "SEO optimized",            "1-month support"],
           buttons: [
             {
-              text: "Get a Free Quote",
-              href: "#contact",
-            },
+              text: "Get a Free Quote",              href: "#contact"},
           ],
         },
       ]}
@@ -191,31 +129,20 @@ export default function LandingPage() {
       <MetricCardThree
       textboxLayout="default"
       useInvertedBackground={false}
+      animationType="slide-up"
       metrics={[
         {
-          id: "caribbean-market",
-          icon: MapPin,
-          title: "Built for the Caribbean Market",
-          value: "Our solutions are crafted with local insights, ensuring relevance and impact.",
-        },
+          id: "caribbean-market",          icon: MapPin,
+          title: "Built for the Caribbean Market",          value: "Our solutions are crafted with local insights, ensuring relevance and impact."},
         {
-          id: "conversions",
-          icon: TrendingUp,
-          title: "Websites That Convert",
-          value: "Engineered to turn visitors into valuable customers, driving real business growth.",
-        },
+          id: "conversions",          icon: TrendingUp,
+          title: "Websites That Convert",          value: "Engineered to turn visitors into valuable customers, driving real business growth."},
         {
-          id: "ai-automation",
-          icon: Cog,
-          title: "AI-Powered Automation",
-          value: "Leverage intelligent tools to streamline operations and boost your efficiency.",
-        },
+          id: "ai-automation",          icon: Cog,
+          title: "AI-Powered Automation",          value: "Leverage intelligent tools to streamline operations and boost your efficiency."},
         {
-          id: "dedicated-support",
-          icon: Users,
-          title: "Dedicated Support",
-          value: "Receive personalized assistance and guidance from day one, ensuring your success.",
-        },
+          id: "dedicated-support",          icon: Users,
+          title: "Dedicated Support",          value: "Receive personalized assistance and guidance from day one, ensuring your success."},
       ]}
       title="Why TERRELAISOLUTIONS?"
       description="Partnership, innovation, and results. We are dedicated to empowering your business with cutting-edge digital solutions tailored to your success."
@@ -227,14 +154,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "TechNova",
-        "InnovateAI",
-        "Digital Dynamics",
-        "FutureCorp",
-        "CyberGrowth",
-        "Quantum Leap",
-        "GlobalConnect",
-      ]}
+        "TechNova",        "InnovateAI",        "Digital Dynamics",        "FutureCorp",        "CyberGrowth",        "Quantum Leap",        "GlobalConnect"]}
       title="Trusted by Innovators"
       description="We partner with forward-thinking businesses to unlock their full digital potential."
       speed={40}
@@ -248,25 +168,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq1",
-          title: "What makes your websites high-converting?",
-          content: "Our websites are designed with a deep understanding of user psychology and conversion funnels. We integrate clear calls-to-action, intuitive navigation, compelling content, and optimized loading speeds to guide visitors towards becoming customers.",
-        },
+          id: "faq1",          title: "What makes your websites high-converting?",          content: "Our websites are designed with a deep understanding of user psychology and conversion funnels. We integrate clear calls-to-action, intuitive navigation, compelling content, and optimized loading speeds to guide visitors towards becoming customers."},
         {
-          id: "faq2",
-          title: "How do your AI agents work?",
-          content: "Our AI agents are custom-built to automate specific business processes. They can handle tasks such as customer support inquiries, data analysis, lead qualification, and personalized marketing outreach, learning and adapting over time to improve efficiency.",
-        },
+          id: "faq2",          title: "How do your AI agents work?",          content: "Our AI agents are custom-built to automate specific business processes. They can handle tasks such as customer support inquiries, data analysis, lead qualification, and personalized marketing outreach, learning and adapting over time to improve efficiency."},
         {
-          id: "faq3",
-          title: "What is included in your hosting package?",
-          content: "Our hosting package includes reliable servers with 99.9% uptime, robust security measures, regular backups, and basic technical support. We ensure your website is always online, fast, and protected from cyber threats for a standard fee of $140 TTD/month.",
-        },
+          id: "faq3",          title: "What is included in your hosting package?",          content: "Our hosting package includes reliable servers with 99.9% uptime, robust security measures, regular backups, and basic technical support. We ensure your website is always online, fast, and protected from cyber threats for a standard fee of $140 TTD/month."},
         {
-          id: "faq4",
-          title: "Can I get a custom project quote?",
-          content: "Absolutely! We specialize in tailored solutions. Contact us with details about your specific project requirements, and our team will provide a personalized consultation and a comprehensive, no-obligation quote based on your unique needs.",
-        },
+          id: "faq4",          title: "Can I get a custom project quote?",          content: "Absolutely! We specialize in tailored solutions. Contact us with details about your specific project requirements, and our team will provide a personalized consultation and a comprehensive, no-obligation quote based on your unique needs."},
       ]}
       title="Frequently Asked Questions"
       description="Find quick answers to common questions about our services and how TERRELAISOLUTIONS can empower your business."
@@ -278,8 +186,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Get in Touch"
       title="Let's Build Something Great"
       description="Ready to transform your business? Contact us today to discuss your project and get a free quote. Phone: (868) 385-6657 | Email: jabarilewis128@gmail.com"
@@ -294,37 +201,23 @@ export default function LandingPage() {
       logoText="TERRELA I SOLUTIONS"
       columns={[
         {
-          title: "Quick Links",
-          items: [
+          title: "Quick Links",          items: [
             {
-              label: "Home",
-              href: "#hero",
-            },
+              label: "Home",              href: "#hero"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Connect",
-          items: [
+          title: "Connect",          items: [
             {
-              label: "Phone: (868) 385-6657",
-              href: "tel:+18683856657",
-            },
+              label: "Phone: (868) 385-6657",              href: "tel:+18683856657"},
             {
-              label: "Email: jabarilewis128@gmail.com",
-              href: "mailto:jabarilewis128@gmail.com",
-            },
+              label: "Email: jabarilewis128@gmail.com",              href: "mailto:jabarilewis128@gmail.com"},
           ],
         },
       ]}
-- 
2.49.1