From fc5b3ef33eec9aba58f7448364cc7f310ffdc104 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 20:11:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 90 ++++++++++++++++++++++++++----------------------
 1 file changed, 48 insertions(+), 42 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d714af0..fac9106 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,6 +9,7 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import TeamCardFive from "@/components/sections/team/TeamCardFive";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 import Link from "next/link";
 import { Sparkles, Award, Zap, Shield, BarChart3, Code, Palette, Smartphone, TrendingUp, Users, Globe } from "lucide-react";
@@ -21,7 +22,7 @@ export default function HomePage() {
       borderRadius="rounded"
       contentWidth="mediumLarge"
       sizing="largeSmallSizeLargeTitles"
-      background="blurBottom"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="shadow"
       secondaryButtonStyle="glass"
@@ -46,7 +47,7 @@ export default function HomePage() {
         <HeroBillboard
           title="Build Your Digital Presence with DevNest"
           description="We create stunning, high-performance websites that transform your business. From concept to launch, we deliver solutions that drive growth."
-          background={{ variant: "blurBottom" }}
+          background={{ variant: "sparkles-gradient" }}
           tag="Web Excellence"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -111,33 +112,13 @@ export default function HomePage() {
           tagAnimation="slide-up"
           products={[
             {
-              id: "1",
-              name: "TechFlow E-Commerce Platform",
-              price: "E-commerce",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/a-modern-e-commerce-website-interface-sh-1772654928544-a4ddb342.png?_wi=1",
-              imageAlt: "E-commerce platform",
-            },
+              id: "1",              name: "TechFlow E-Commerce Platform",              price: "E-commerce",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/a-modern-e-commerce-website-interface-sh-1772654928544-a4ddb342.png",              imageAlt: "E-commerce platform"},
             {
-              id: "2",
-              name: "FinanceHub Analytics Dashboard",
-              price: "Dashboard",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/an-advanced-analytics-dashboard-with-cha-1772654927755-23adcfba.png?_wi=1",
-              imageAlt: "Analytics dashboard",
-            },
+              id: "2",              name: "FinanceHub Analytics Dashboard",              price: "Dashboard",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/an-advanced-analytics-dashboard-with-cha-1772654927755-23adcfba.png",              imageAlt: "Analytics dashboard"},
             {
-              id: "3",
-              name: "HealthCare Patient Portal",
-              price: "Web App",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/a-healthcare-patient-portal-interface-wi-1772654927766-bdbbea5d.png?_wi=1",
-              imageAlt: "Healthcare portal",
-            },
+              id: "3",              name: "HealthCare Patient Portal",              price: "Web App",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/a-healthcare-patient-portal-interface-wi-1772654927766-bdbbea5d.png",              imageAlt: "Healthcare portal"},
             {
-              id: "4",
-              name: "EduLearn LMS Platform",
-              price: "Education",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/an-online-learning-management-system-wit-1772654928753-53e44156.png?_wi=1",
-              imageAlt: "Learning management system",
-            },
+              id: "4",              name: "EduLearn LMS Platform",              price: "Education",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/an-online-learning-management-system-wit-1772654928753-53e44156.png",              imageAlt: "Learning management system"},
           ]}
           gridVariant="bento-grid"
           animationType="slide-up"
@@ -152,28 +133,16 @@ export default function HomePage() {
           description="Proven expertise and measurable results that drive business growth"
           metrics={[
             {
-              id: "1",
-              value: "98%",
-              title: "Client Satisfaction Rate",
-              items: ["Consistent quality delivery", "On-time project completion", "Dedicated support team"],
+              id: "1",              value: "98%",              title: "Client Satisfaction Rate",              items: ["Consistent quality delivery", "On-time project completion", "Dedicated support team"],
             },
             {
-              id: "2",
-              value: "300+",
-              title: "Successful Projects",
-              items: ["Diverse industry experience", "Proven track record", "Portfolio of excellence"],
+              id: "2",              value: "300+",              title: "Successful Projects",              items: ["Diverse industry experience", "Proven track record", "Portfolio of excellence"],
             },
             {
-              id: "3",
-              value: "45%",
-              title: "Average Conversion Lift",
-              items: ["Data-driven optimization", "UX-focused design", "Performance maximization"],
+              id: "3",              value: "45%",              title: "Average Conversion Lift",              items: ["Data-driven optimization", "UX-focused design", "Performance maximization"],
             },
             {
-              id: "4",
-              value: "24/7",
-              title: "Post-Launch Support",
-              items: ["Continuous monitoring", "Regular updates", "Technical assistance"],
+              id: "4",              value: "24/7",              title: "Post-Launch Support",              items: ["Continuous monitoring", "Regular updates", "Technical assistance"],
             },
           ]}
           animationType="slide-up"
@@ -201,6 +170,43 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="team" data-section="team">
+        <TeamCardFive
+          title="Meet Our Expert Team"
+          description="Talented professionals dedicated to your project success"
+          team={[
+            { id: "1", name: "Alex Rivera", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/professional-portrait-of-a-web-developer-1772654927116-e1d0e3ce.png" },
+            { id: "2", name: "Emma Zhang", role: "UI/UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/professional-portrait-of-a-ui-ux-designe-1772654927406-bf612b92.png" },
+            { id: "3", name: "Marcus Chen", role: "Full-Stack Engineer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/professional-portrait-of-a-full-stack-en-1772654927182-d9b767e6.png" },
+            { id: "4", name: "Lisa Andersson", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/professional-portrait-of-a-project-manag-1772654927381-fa3e26e4.png" },
+            { id: "5", name: "James Murphy", role: "QA Engineer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/professional-portrait-of-a-qa-engineer-d-1772654927251-35e93659.png" },
+            { id: "6", name: "Sofia Rossi", role: "SEO Specialist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUjFIzvpdQlJSAeIR8xofrsh8d/professional-portrait-of-an-seo-speciali-1772654926859-bbd8ca69.png" },
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqSplitText
+          sideTitle="Frequently Asked Questions"
+          sideDescription="Everything you need to know about our services and process"
+          faqs={[
+            { id: "1", title: "What is your typical project timeline?", content: "Project timelines vary based on complexity and scope. A typical website takes 6-12 weeks from discovery to launch. We provide detailed timelines after the initial consultation." },
+            { id: "2", title: "Do you provide post-launch support?", content: "Yes! We offer 24/7 post-launch support including monitoring, updates, security patches, and feature enhancements to keep your site performing optimally." },
+            { id: "3", title: "Can you help with SEO?", content: "Absolutely. We build SEO best practices into every site from the ground up, and offer comprehensive SEO services to maximize your visibility." },
+            { id: "4", title: "What technologies do you use?", content: "We use modern, industry-standard technologies including React, Next.js, Node.js, and various cloud platforms to ensure scalability and performance." },
+            { id: "5", title: "How do you handle project changes?", content: "We maintain transparent communication and offer flexible project structures. Change requests are evaluated and managed within agreed scope parameters." },
+            { id: "6", title: "What is your pricing model?", content: "We offer project-based pricing, retainer models, and custom packages tailored to your needs. Contact us for a personalized quote based on your requirements." },
+          ]}
+          faqsAnimation="slide-up"
+          textPosition="left"
+          useInvertedBackground={false}
+          animationType="smooth"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
           logoText="DevNest"
-- 
2.49.1