From a34223f07bd99c69459a7260772a238043b30143 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 23:46:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 227 ++++++++++++++++++++++-------------------------
 1 file changed, 108 insertions(+), 119 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 70200ac..b5c415d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,42 +10,41 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Sparkles, Lightbulb, Target, Zap, Award, Users, Heart, CheckCircle, Phone } from "lucide-react";
+import ContactFaq from "@/components/sections/contact/ContactFaq";
+import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
+import { Sparkles, Lightbulb, Target, Zap, Award, Users, Heart, CheckCircle, Phone, Linkedin, Twitter, Dribbble, Github } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
     { name: "Home", id: "/" },
-    { name: "Services", id: "/services" },
-    { name: "Portfolio", id: "/portfolio" },
-    { name: "Team", id: "/team" },
+    { name: "Services", id: "#services" },
+    { name: "Portfolio", id: "#portfolio" },
+    { name: "Team", id: "#team" },
   ];
 
   const footerColumns = [
     {
-      title: "Services",
-      items: [
-        { label: "Web Design", href: "/services" },
-        { label: "App Development", href: "/services" },
-        { label: "Digital Marketing", href: "/services" },
-        { label: "Branding", href: "/services" },
+      title: "Services",      items: [
+        { label: "Web Design", href: "#services" },
+        { label: "App Development", href: "#services" },
+        { label: "Digital Marketing", href: "#services" },
+        { label: "Branding", href: "#services" },
       ],
     },
     {
-      title: "Company",
-      items: [
-        { label: "About Us", href: "/about" },
-        { label: "Portfolio", href: "/portfolio" },
-        { label: "Team", href: "/team" },
+      title: "Company",      items: [
+        { label: "About Us", href: "#about" },
+        { label: "Portfolio", href: "#portfolio" },
+        { label: "Team", href: "#team" },
         { label: "Careers", href: "#careers" },
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Cookie Policy", href: "#" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "#contact" },
       ],
     },
   ];
@@ -57,7 +56,7 @@ export default function HomePage() {
       borderRadius="rounded"
       contentWidth="smallMedium"
       sizing="mediumSizeLargeTitles"
-      background="fluid"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="solid"
@@ -70,7 +69,7 @@ export default function HomePage() {
             name: item.name,
             id: item.id,
           }))}
-          button={{ text: "Get Started", href: "/contact" }}
+          button={{ text: "Get Started", href: "#contact" }}
           animateOnLoad={true}
         />
       </div>
@@ -79,7 +78,7 @@ export default function HomePage() {
         <HeroSplitKpi
           title="Transform Your Digital Presence"
           description="JB Digital delivers cutting-edge digital solutions that drive growth, engagement, and measurable results for forward-thinking brands."
-          background={{ variant: "fluid" }}
+          background={{ variant: "glowing-orb" }}
           kpis={[
             { value: "500+", label: "Projects Delivered" },
             { value: "98%", label: "Client Satisfaction" },
@@ -90,8 +89,8 @@ export default function HomePage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Start Your Project", href: "/contact" },
-            { text: "View Our Work", href: "/portfolio" },
+            { text: "Start Your Project", href: "#contact" },
+            { text: "View Our Work", href: "#portfolio" },
           ]}
           buttonAnimation="slide-up"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-modern-sleek-digital-dashboard-interfa-1772754205870-3185b4a7.png"
@@ -110,7 +109,7 @@ export default function HomePage() {
           description="Founded in 2015"
           subdescription="JB Digital Agency"
           icon={Target}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-professional-team-of-4-5-diverse-peopl-1772754205295-0736d138.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-professional-team-of-4-5-diverse-peopl-1772754205295-0736d138.png"
           imageAlt="JB Digital team collaborating"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
@@ -121,33 +120,17 @@ export default function HomePage() {
         <FeatureCardTwentyThree
           features={[
             {
-              id: "1",
-              title: "Web Design & Development",
-              tags: ["Design", "Development", "Frontend"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-vibrant-showcase-of-web-design-element-1772754205613-c7c02dc7.png?_wi=1",
-              imageAlt: "Web design showcase",
-            },
+              id: "1",              title: "Web Design & Development",              tags: ["Design", "Development", "Frontend"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-vibrant-showcase-of-web-design-element-1772754205613-c7c02dc7.png",              imageAlt: "Web design showcase"},
             {
-              id: "2",
-              title: "Digital Marketing Strategy",
-              tags: ["Marketing", "Strategy", "Growth"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/digital-marketing-analytics-dashboard-wi-1772754204884-d5671d2b.png?_wi=1",
-              imageAlt: "Digital marketing analytics",
-            },
+              id: "2",              title: "Digital Marketing Strategy",              tags: ["Marketing", "Strategy", "Growth"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/digital-marketing-analytics-dashboard-wi-1772754204884-d5671d2b.png",              imageAlt: "Digital marketing analytics"},
             {
-              id: "3",
-              title: "Brand Identity & Positioning",
-              tags: ["Branding", "Design", "Strategy"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/brand-identity-design-showcase-featuring-1772754205555-21e57610.png?_wi=1",
-              imageAlt: "Brand identity development",
-            },
+              id: "3",              title: "Brand Identity & Positioning",              tags: ["Branding", "Design", "Strategy"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/brand-identity-design-showcase-featuring-1772754205555-21e57610.png",              imageAlt: "Brand identity development"},
             {
-              id: "4",
-              title: "Mobile App Development",
-              tags: ["Mobile", "Development", "Innovation"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/modern-mobile-app-interface-displayed-on-1772754205236-cbb503f2.png?_wi=1",
-              imageAlt: "Mobile app interface",
-            },
+              id: "4",              title: "Mobile App Development",              tags: ["Mobile", "Development", "Innovation"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/modern-mobile-app-interface-displayed-on-1772754205236-cbb503f2.png",              imageAlt: "Mobile app interface"},
           ]}
           animationType="slide-up"
           title="Our Services"
@@ -157,7 +140,7 @@ export default function HomePage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[{ text: "Explore All Services", href: "/services" }]}
+          buttons={[{ text: "Explore All Services", href: "#services" }]}
           buttonAnimation="slide-up"
         />
       </div>
@@ -166,35 +149,14 @@ export default function HomePage() {
         <ProductCardTwo
           products={[
             {
-              id: "1",
-              brand: "TechFlow",
-              name: "E-commerce Platform Redesign",
-              price: "Completed 2024",
-              rating: 5,
-              reviewCount: "12k+",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-sleek-e-commerce-platform-interface-fe-1772754205270-41298480.png?_wi=1",
-              imageAlt: "TechFlow e-commerce platform",
-            },
+              id: "1",              brand: "TechFlow",              name: "E-commerce Platform Redesign",              price: "Completed 2024",              rating: 5,
+              reviewCount: "12k+",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-sleek-e-commerce-platform-interface-fe-1772754205270-41298480.png",              imageAlt: "TechFlow e-commerce platform"},
             {
-              id: "2",
-              brand: "CloudSync",
-              name: "SaaS Application UI Overhaul",
-              price: "Completed 2024",
-              rating: 5,
-              reviewCount: "8.5k",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-comprehensive-saas-application-interfa-1772754205350-99f3e46c.png?_wi=1",
-              imageAlt: "CloudSync SaaS interface",
-            },
+              id: "2",              brand: "CloudSync",              name: "SaaS Application UI Overhaul",              price: "Completed 2024",              rating: 5,
+              reviewCount: "8.5k",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-comprehensive-saas-application-interfa-1772754205350-99f3e46c.png",              imageAlt: "CloudSync SaaS interface"},
             {
-              id: "3",
-              brand: "FinanceFlow",
-              name: "Digital Banking Platform",
-              price: "Completed 2023",
-              rating: 5,
-              reviewCount: "15k+",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-secure-digital-banking-platform-interf-1772754206009-27b9ba0c.png?_wi=1",
-              imageAlt: "FinanceFlow banking platform",
-            },
+              id: "3",              brand: "FinanceFlow",              name: "Digital Banking Platform",              price: "Completed 2023",              rating: 5,
+              reviewCount: "15k+",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-secure-digital-banking-platform-interf-1772754206009-27b9ba0c.png",              imageAlt: "FinanceFlow banking platform"},
           ]}
           title="Featured Projects"
           description="Showcase of our most impactful work across diverse industries and digital disciplines."
@@ -205,7 +167,43 @@ export default function HomePage() {
           useInvertedBackground={false}
           animationType="slide-up"
           gridVariant="bento-grid"
-          buttons={[{ text: "View All Projects", href: "/portfolio" }]}
+          buttons={[{ text: "View All Projects", href: "#portfolio" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardTwo
+          title="Meet Our Team"
+          description="Talented professionals dedicated to delivering excellence on every project."
+          tag="Leadership"
+          tagIcon={Users}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          members={[
+            {
+              id: "1",              name: "James Brown",              role: "Founder & CEO",              description: "Digital strategist with 15+ years of industry experience. Passionate about innovation and client success.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-male-executiv-1772754205802-1d68f17c.png",              imageAlt: "James Brown, CEO",              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com" },
+                { icon: Twitter, url: "https://twitter.com" },
+              ],
+            },
+            {
+              id: "2",              name: "Sarah Chen",              role: "Creative Director",              description: "Award-winning designer specializing in brand identity and user experience design. Thinks every detail.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-female-creati-1772754204871-27ee9b95.png",              imageAlt: "Sarah Chen, Creative Director",              socialLinks: [
+                { icon: Dribbble, url: "https://dribbble.com" },
+                { icon: Linkedin, url: "https://linkedin.com" },
+              ],
+            },
+            {
+              id: "3",              name: "Marcus Rodriguez",              role: "Lead Developer",              description: "Full-stack developer with expertise in modern web technologies. Builds scalable, high-performance solutions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-male-develope-1772754205494-63cf5f27.png",              imageAlt: "Marcus Rodriguez, Lead Developer",              socialLinks: [
+                { icon: Github, url: "https://github.com" },
+                { icon: Linkedin, url: "https://linkedin.com" },
+              ],
+            },
+          ]}
+          buttons={[{ text: "Join Our Team", href: "#careers" }]}
           buttonAnimation="slide-up"
         />
       </div>
@@ -214,41 +212,17 @@ export default function HomePage() {
         <TestimonialCardTwelve
           testimonials={[
             {
-              id: "1",
-              name: "John Mitchell",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-diverse-indiv-1772754205211-1ad1d8f9.png?_wi=1",
-              imageAlt: "John Mitchell",
-            },
+              id: "1",              name: "John Mitchell",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-diverse-indiv-1772754205211-1ad1d8f9.png",              imageAlt: "John Mitchell"},
             {
-              id: "2",
-              name: "Lisa Anderson",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-another-diverse-1772754205907-926674b7.png?_wi=1",
-              imageAlt: "Lisa Anderson",
-            },
+              id: "2",              name: "Lisa Anderson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-another-diverse-1772754205907-926674b7.png",              imageAlt: "Lisa Anderson"},
             {
-              id: "3",
-              name: "Michael Torres",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-business-prof-1772754206770-2606012e.png?_wi=1",
-              imageAlt: "Michael Torres",
-            },
+              id: "3",              name: "Michael Torres",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-business-prof-1772754206770-2606012e.png",              imageAlt: "Michael Torres"},
             {
-              id: "4",
-              name: "Jennifer Lee",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-diverse-indiv-1772754205379-2b61263a.png?_wi=1",
-              imageAlt: "Jennifer Lee",
-            },
+              id: "4",              name: "Jennifer Lee",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-diverse-indiv-1772754205379-2b61263a.png",              imageAlt: "Jennifer Lee"},
             {
-              id: "5",
-              name: "David Kumar",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-business-exec-1772754204941-2199af54.png",
-              imageAlt: "David Kumar",
-            },
+              id: "5",              name: "David Kumar",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-a-business-exec-1772754204941-2199af54.png",              imageAlt: "David Kumar"},
             {
-              id: "6",
-              name: "Rachel Green",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-another-diverse-1772754205751-bb11f53f.png",
-              imageAlt: "Rachel Green",
-            },
+              id: "6",              name: "Rachel Green",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/professional-portrait-of-another-diverse-1772754205751-bb11f53f.png",              imageAlt: "Rachel Green"},
           ]}
           cardTitle="Trusted by leading companies worldwide. Our clients' success drives our mission."
           cardTag="Client Testimonials"
@@ -268,25 +242,40 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "Google",
-            "Microsoft",
-            "Apple",
-            "Amazon",
-            "Meta",
-            "Netflix",
-            "Tesla",
-            "Adobe",
-            "Shopify",
-            "Slack",
-          ]}
+            "Google",            "Microsoft",            "Apple",            "Amazon",            "Meta",            "Netflix",            "Tesla",            "Adobe",            "Shopify",            "Slack"]}
           speed={40}
           showCard={true}
         />
       </div>
 
+      <div id="contact" data-section="contact">
+        <ContactFaq
+          ctaTitle="Ready to Transform Your Digital Presence?"
+          ctaDescription="Let's discuss how JB Digital can help you achieve your business goals through innovative digital solutions."
+          ctaIcon={Phone}
+          ctaButton={{ text: "Schedule a Consultation", href: "mailto:contact@jbdigital.com" }}
+          faqs={[
+            {
+              id: "1",              title: "What services does JB Digital offer?",              content: "We provide comprehensive digital services including web design and development, digital marketing strategy, brand identity design, mobile app development, and UI/UX design. Each service is tailored to meet your specific business needs."},
+            {
+              id: "2",              title: "How long does a typical project take?",              content: "Project timelines vary depending on scope and complexity. Small projects typically take 4-8 weeks, while larger enterprise solutions may take 3-6 months. We provide detailed timelines during the initial consultation."},
+            {
+              id: "3",              title: "What is your pricing model?",              content: "We offer flexible pricing options including fixed-price projects, time-and-materials, and retainer agreements. We'll work with you to find a model that fits your budget and business requirements."},
+            {
+              id: "4",              title: "Do you provide ongoing support?",              content: "Yes! We offer comprehensive post-launch support and maintenance packages to ensure your digital solution performs optimally and stays up-to-date with the latest technologies."},
+            {
+              id: "5",              title: "What industries do you specialize in?",              content: "We've worked across diverse industries including fintech, e-commerce, SaaS, healthcare, real estate, and more. Our experience across sectors allows us to bring valuable insights to your project."},
+            {
+              id: "6",              title: "How do I get started?",              content: "Simply reach out through our contact form or call us to schedule a free consultation. During this meeting, we'll understand your goals, discuss your project, and provide recommendations."},
+          ]}
+          useInvertedBackground={false}
+          animationType="slide-up"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-modern-abstract-digital-background-fea-1772754205039-eddf963a.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXznXm8Lo2SaW1hAuyt8VHTusE/a-modern-abstract-digital-background-fea-1772754205039-eddf963a.png"
           imageAlt="Digital innovation background"
           logoText="JB Digital"
           copyrightText="© 2024 JB Digital Agency. All rights reserved."
-- 
2.49.1