From 64efa6cc8a7f130c29c94503a2f51b54731741e0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 11 Mar 2026 01:31:21 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 234 +++++++++++++++++------------------------------
 1 file changed, 84 insertions(+), 150 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 610fa7d..178f0b2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
-import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
-import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
-import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import { Award, Heart, Cloud, Zap, Star, HelpCircle, Mail, Twitter, Linkedin, Github } from "lucide-react";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Cloud, Package, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,9 +28,8 @@ export default function LandingPage() {
           navItems={[
             { name: "Features", id: "features" },
             { name: "About", id: "about" },
-            { name: "Solutions", id: "testimonials" },
-            { name: "FAQ", id: "faq" },
-            { name: "Contact", id: "contact" },
+            { name: "Products", id: "products" },
+            { name: "Pricing", id: "pricing" },
           ]}
           brandName="FileMaker Cloud"
           bottomLeftText="Enterprise Solutions"
@@ -42,7 +38,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardTestimonial
+        <HeroOverlay
           title="Enterprise FileMaker Solutions in the Cloud"
           description="Secure, scalable cloud hosting for your FileMaker databases with enterprise-grade reliability and seamless integration."
           tag="Cloud-Ready"
@@ -53,181 +49,119 @@ export default function LandingPage() {
           imageAlt="FileMaker Cloud Dashboard"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
-          testimonials={[
-            {
-              name: "Sarah Chen",              handle: "CTO, DataFlow Systems",              testimonial: "Seamlessly migrated our FileMaker infrastructure. The reliability and support exceeded expectations.",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/professional-headshot-of-a-business-exec-1773192265283-1108872d.png?_wi=1"
-            },
-            {
-              name: "Michael Rodriguez",              handle: "Operations Director, EnterpriseCorp",              testimonial: "Best cloud hosting solution for FileMaker. Performance is outstanding and our team loves the interface.",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/professional-headshot-of-a-technology-di-1773192265145-6db06bdd.png?_wi=1"
-            },
-            {
-              name: "Emma Thompson",              handle: "CEO, CloudConnect Inc",              testimonial: "Professional, reliable, and truly understands FileMaker infrastructure needs. Highly recommended.",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/professional-headshot-of-a-business-oper-1773192265825-6fab0d16.png?_wi=1"
-            }
-          ]}
-          testimonialRotationInterval={5000}
           buttons={[
-            { text: "Get Started", href: "#contact" },
-            { text: "View Demo", href: "#features" },
+            { text: "Get Started", href: "#pricing" },
+            { text: "View Demo", href: "#products" },
           ]}
         />
       </div>
 
-      <div id="features" data-section="features">
-        <FeatureCardTwentyFour
-          title="Powerful Features Built for Enterprise"
-          description="Comprehensive tools designed specifically for FileMaker deployments and cloud-native operations."
-          tag="Core Features"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          features={[
-            {
-              id: "1",              title: "Cloud Hosting Infrastructure",              author: "Enterprise Solutions",              description: "Secure, redundant cloud infrastructure optimized for FileMaker performance with 99.99% uptime guarantee and automatic failover.",              tags: ["Infrastructure", "Reliability"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/cloud-hosting-infrastructure-visualizati-1773192267026-6ea4d2e7.png",              imageAlt: "Cloud Hosting"
-            },
-            {
-              id: "2",              title: "Seamless API Integration",              author: "Integration Services",              description: "Connect your FileMaker databases with cloud services and third-party applications through robust, well-documented APIs.",              tags: ["API", "Integration"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/integration-diagram-showing-filemaker-co-1773192264854-3770760f.png",              imageAlt: "API Integration"
-            },
-            {
-              id: "3",              title: "Enterprise Security & Compliance",              author: "Security Team",              description: "Comprehensive encryption, compliance certifications (HIPAA, GDPR, SOC2), and regular security audits for complete peace of mind.",              tags: ["Security", "Compliance"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/security-and-compliance-visualization-sh-1773192265673-2b7eb582.png",              imageAlt: "Security Features"
-            }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="about" data-section="about">
-        <TestimonialAboutCard
+        <TextSplitAbout
           tag="Our Promise"
-          tagIcon={Heart}
+          tagIcon={Zap}
           tagAnimation="slide-up"
           title="Built by FileMaker experts, for FileMaker users."
-          description="James Liu"
-          subdescription="Founder & Lead Architect"
-          icon={Award}
+          description="We understand your infrastructure needs and deliver solutions tailored for enterprise FileMaker deployments."
+          features={[
+            "Enterprise-grade security and compliance",            "99.99% uptime guarantee",            "24/7 dedicated support",            "Seamless migration services"]}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/professional-headshot-of-a-database-admi-1773192265299-8699ceba.png?_wi=1"
-          imageAlt="James Liu, Founder"
+          imageAlt="Our team"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
+          buttons={[
+            { text: "Learn More", href: "#products" },
+          ]}
         />
       </div>
 
-      <div id="socialproof" data-section="socialproof">
-        <SocialProofOne
-          title="Trusted by Leading Organizations"
-          description="Enterprise companies worldwide rely on our cloud hosting solutions for their critical FileMaker deployments."
-          tag="Enterprise Partners"
-          tagIcon={Heart}
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Featured Products"
+          description="Discover our comprehensive product lineup designed for enterprise FileMaker deployments."
+          tag="Product Suite"
+          tagIcon={Package}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          names={[
-            "Acme Development",            "CloudFlow Solutions",            "DataCore Systems",            "EnterpriseNet",            "InnovateTech",            "GlobalCloud",            "SecureVault"
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          products={[
+            {
+              id: "1",              name: "Cloud Hosting Infrastructure",              price: "Custom",              variant: "Enterprise Grade",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/cloud-hosting-infrastructure-visualizati-1773192267026-6ea4d2e7.png",              imageAlt: "Cloud Hosting"},
+            {
+              id: "2",              name: "Seamless API Integration",              price: "Custom",              variant: "Developer Tools",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/integration-diagram-showing-filemaker-co-1773192264854-3770760f.png",              imageAlt: "API Integration"},
+            {
+              id: "3",              name: "Enterprise Security & Compliance",              price: "Custom",              variant: "Security Certified",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/security-and-compliance-visualization-sh-1773192265673-2b7eb582.png",              imageAlt: "Security Features"},
           ]}
-          logos={[
-            "http://img.b2bpic.net/free-vector/gradient-code-development-logo_23-2148813743.jpg",            "http://img.b2bpic.net/free-vector/cloud-computing-logo-design-data-storage-network-technology-logotype_126523-2789.jpg",            "http://img.b2bpic.net/free-vector/logo-template-design_1289-75.jpg",            "http://img.b2bpic.net/free-vector/futuristic-cloud-computing-low-poly-pattern-background-paper-cut-style_1017-57960.jpg",            "http://img.b2bpic.net/free-vector/gradient-abstract-logo-template_23-2148161324.jpg",            "http://img.b2bpic.net/free-vector/company-branding-minimal-style_23-2148462841.jpg",            "http://img.b2bpic.net/free-psd/hand-drawn-recipes-banner-template_23-2148664759.jpg"
-          ]}
-          speed={40}
-          showCard={true}
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTen
-          title="Customer Stories"
-          description="Hear from companies that transformed their operations with our FileMaker cloud solutions."
-          tag="Success Stories"
-          tagIcon={Star}
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne
+          title="Simple, Transparent Pricing"
+          description="Choose the plan that best fits your FileMaker deployment needs."
+          tag="Flexible Plans"
+          tagIcon={Zap}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          testimonials={[
+          animationType="slide-up"
+          plans={[
             {
-              id: "1",              title: "40% Faster Deployment",              quote: "Their cloud infrastructure cut our deployment time from weeks to days. The professional support team made migration seamless.",              name: "David Park",              role: "VP of Technology",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/professional-headshot-of-a-business-exec-1773192265283-1108872d.png?_wi=2",              imageAlt: "David Park"
+              id: "1",              name: "Starter",              price: "$299",              period: "/month",              description: "Perfect for small teams",              features: [
+                "Up to 5 users",                "50GB storage",                "Standard support",                "Daily backups"],
+              buttons: [
+                { text: "Get Started", href: "#contact" },
+              ],
             },
             {
-              id: "2",              title: "Enterprise-Grade Reliability",              quote: "Zero downtime in two years. Their infrastructure handles our mission-critical FileMaker applications with exceptional stability.",              name: "Lisa Anderson",              role: "IT Director",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/professional-headshot-of-a-technology-di-1773192265145-6db06bdd.png?_wi=2",              imageAlt: "Lisa Anderson"
+              id: "2",              name: "Professional",              price: "$799",              period: "/month",              description: "For growing businesses",              features: [
+                "Up to 25 users",                "500GB storage",                "Priority support",                "Hourly backups",                "API access"],
+              buttons: [
+                { text: "Get Started", href: "#contact" },
+              ],
+              highlighted: true,
             },
             {
-              id: "3",              title: "Complete Security Peace of Mind",              quote: "Full compliance with our security requirements. Their encryption and compliance certifications gave us the confidence to migrate.",              name: "Marcus Johnson",              role: "Chief Security Officer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/professional-headshot-of-a-business-oper-1773192265825-6fab0d16.png?_wi=2",              imageAlt: "Marcus Johnson"
+              id: "3",              name: "Enterprise",              price: "Custom",              period: "",              description: "For large enterprises",              features: [
+                "Unlimited users",                "Unlimited storage",                "24/7 dedicated support",                "Real-time backups",                "Full API access",                "Custom integrations"],
+              buttons: [
+                { text: "Contact Sales", href: "#contact" },
+              ],
             },
-            {
-              id: "4",              title: "Exceptional Support Team",              quote: "The technical support is outstanding. Real FileMaker expertise, not generic support. They understand our infrastructure.",              name: "Jennifer Wong",              role: "Database Administrator",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/professional-headshot-of-a-database-admi-1773192265299-8699ceba.png?_wi=2",              imageAlt: "Jennifer Wong"
-            }
           ]}
         />
       </div>
 
-      <div id="faq" data-section="faq">
-        <FaqDouble
-          title="Frequently Asked Questions"
-          description="Get answers to common questions about our FileMaker cloud hosting and services."
-          tag="Help & Support"
-          tagIcon={HelpCircle}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqs={[
-            {
-              id: "1",              title: "How do I migrate my existing FileMaker database to the cloud?",              content: "We provide comprehensive migration services with zero downtime. Our team handles the entire process, including data validation and testing. Most migrations are completed within 2-4 weeks depending on database complexity. We also offer training to ensure your team is comfortable with the new infrastructure."
-            },
-            {
-              id: "2",              title: "What security measures are in place?",              content: "We implement enterprise-grade security including 256-bit AES encryption, SSL/TLS for data in transit, firewalls, intrusion detection, and regular penetration testing. All data is encrypted at rest and in transit. We maintain SOC2 Type II, HIPAA, and GDPR compliance certifications."
-            },
-            {
-              id: "3",              title: "Can I integrate with third-party applications?",              content: "Absolutely. Our cloud platform provides robust API documentation and SDKs for popular frameworks. We support REST APIs, webhooks, and direct database connections. Our team can assist with custom integrations if needed."
-            },
-            {
-              id: "4",              title: "What is your uptime guarantee?",              content: "We guarantee 99.99% uptime with automatic failover and redundancy across multiple data centers. This means less than 52 minutes of potential downtime per year. If we fall below this commitment, we provide service credits."
-            },
-            {
-              id: "5",              title: "How does backup and disaster recovery work?",              content: "We perform continuous replication to geographically distributed data centers. Daily incremental backups and weekly full backups are maintained for 30 days. Recovery time objective (RTO) is typically under 1 hour, with recovery point objective (RPO) of 15 minutes or less."
-            },
-            {
-              id: "6",              title: "What happens if I want to move away from your platform?",              content: "We provide complete data portability. You can export your entire database in standard formats at any time, with no lock-in or penalties. We'll even assist with the migration process to ensure a smooth transition."
-            }
-          ]}
-          faqsAnimation="slide-up"
-          animationType="smooth"
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get in Touch"
-          tagIcon={Mail}
-          tagAnimation="slide-up"
-          title="Ready to elevate your FileMaker infrastructure?"
-          description="Join hundreds of enterprises using our cloud hosting solutions. Our team is ready to discuss your specific needs and create a customized plan."
-          background={{ variant: "sparkles-gradient" }}
-          useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AmKElUNYNWcbZX1SYs8zhS1TzT/modern-cloud-server-room-or-data-center--1773192265616-fd1e7677.png"
-          imageAlt="Cloud Infrastructure"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputPlaceholder="Enter your email"
-          buttonText="Subscribe"
-          termsText="We'll send you updates about FileMaker cloud solutions. Unsubscribe anytime."
-        />
-      </div>
-
       <div id="footer" data-section="footer">
-        <FooterCard
-          logoText="FileMaker Cloud"
-          copyrightText="© 2025 FileMaker Cloud Solutions. All rights reserved."
-          socialLinks={[
-            { icon: Twitter, href: "https://twitter.com/filemaker", ariaLabel: "Twitter" },
-            { icon: Linkedin, href: "https://linkedin.com/company/filemaker-cloud", ariaLabel: "LinkedIn" },
-            { icon: Github, href: "https://github.com/filemaker-cloud", ariaLabel: "GitHub" },
+        <FooterBase
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Features", href: "#products" },
+                { label: "Pricing", href: "#pricing" },
+                { label: "Security", href: "#about" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "#about" },
+                { label: "Blog", href: "#" },
+                { label: "Careers", href: "#" },
+              ],
+            },
+            {
+              title: "Support",              items: [
+                { label: "Documentation", href: "#" },
+                { label: "Contact", href: "#" },
+                { label: "Status", href: "#" },
+              ],
+            },
           ]}
+          copyrightText="© 2025 FileMaker Cloud Solutions. All rights reserved."
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1