bender/2caae1a1-7ca2-43f8-a200-cd9c2713bc02
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 06:52:24 +00:00
parent a78c16db8d
commit 5903fd9ea1
1 changed files with 82 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
src/app/page.tsx
View File

@@ -9,6 +9,8 @@ import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaA
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Sparkles, Zap, Globe, Database, Code, TrendingUp, Smartphone, CheckCircle, Users, Award, Phone } from "lucide-react";
@@ -23,26 +25,23 @@ export default function HomePage() {
const footerColumns = [
{
title: "Services",
items: [
{ label: "Web Design", href: "/services" },
{ label: "CMS Solutions", href: "/services" },
{ label: "Custom Development", href: "/services" },
{ label: "SEO Optimization", href: "/services" },
title: "Services", items: [
{ label: "Web Design", href: "#services" },
{ label: "CMS Solutions", href: "#services" },
{ label: "Custom Development", href: "#services" },
{ label: "SEO Optimization", href: "#services" },
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Work", href: "/case-studies" },
{ label: "Blog", href: "/blog" },
{ label: "Contact", href: "/contact" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -57,7 +56,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="compact"
sizing="medium"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -79,24 +78,16 @@ export default function HomePage() {
tag="Featured Agency"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "radial-gradient" }}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/modern-clean-website-design-interface-sh-1772520487639-9d69d22e.png",
imageAlt: "Website design interface",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/modern-clean-website-design-interface-sh-1772520487639-9d69d22e.png", imageAlt: "Website design interface"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/cms-platform-user-interface-displaying-c-1772520487483-921159b9.png",
imageAlt: "CMS platform showcase",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/cms-platform-user-interface-displaying-c-1772520487483-921159b9.png", imageAlt: "CMS platform showcase"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/analytics-and-performance-dashboard-with-1772520488608-dfc70192.png?_wi=1",
imageAlt: "Analytics and performance metrics",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/analytics-and-performance-dashboard-with-1772520488608-dfc70192.png", imageAlt: "Analytics and performance metrics"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/development-workflow-interface-showing-c-1772520487680-3564a29d.png",
imageAlt: "Development workflow",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/development-workflow-interface-showing-c-1772520487680-3564a29d.png", imageAlt: "Development workflow"},
]}
buttons={[
{ text: "Get Started", href: "/contact" },
@@ -117,34 +108,22 @@ export default function HomePage() {
features={[
{
icon: Globe,
title: "Web Design & Development",
description: "Beautiful, responsive websites that engage users and drive conversions. We craft every pixel with precision.",
},
title: "Web Design & Development", description: "Beautiful, responsive websites that engage users and drive conversions. We craft every pixel with precision."},
{
icon: Database,
title: "CMS Solutions",
description: "Powerful content management systems that give you full control over your digital presence without technical hassle.",
},
title: "CMS Solutions", description: "Powerful content management systems that give you full control over your digital presence without technical hassle."},
{
icon: Code,
title: "Custom Development",
description: "Bespoke solutions built to your exact specifications. From APIs to full-stack applications, we deliver excellence.",
},
title: "Custom Development", description: "Bespoke solutions built to your exact specifications. From APIs to full-stack applications, we deliver excellence."},
{
icon: TrendingUp,
title: "SEO Optimization",
description: "Strategic SEO implementation that increases visibility, drives organic traffic, and improves your search rankings.",
},
title: "SEO Optimization", description: "Strategic SEO implementation that increases visibility, drives organic traffic, and improves your search rankings."},
{
icon: Smartphone,
title: "Mobile-First Design",
description: "Responsive designs that perform flawlessly across all devices, ensuring your audience sees your best side.",
},
title: "Mobile-First Design", description: "Responsive designs that perform flawlessly across all devices, ensuring your audience sees your best side."},
{
icon: Zap,
title: "Performance & Analytics",
description: "Data-driven optimization that measures success and continuously improves your digital presence.",
},
title: "Performance & Analytics", description: "Data-driven optimization that measures success and continuously improves your digital presence."},
]}
textboxLayout="default"
animationType="slide-up"
@@ -165,7 +144,7 @@ export default function HomePage() {
{ value: "340%", title: "Increase in Organic Traffic" },
{ value: "2.5x", title: "Improvement in Conversion Rate" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/e-commerce-website-showcase-displaying-a-1772520488331-b91be4fb.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/e-commerce-website-showcase-displaying-a-1772520488331-b91be4fb.png"
imageAlt="E-commerce website success"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -187,7 +166,7 @@ export default function HomePage() {
{ id: "1", icon: Users, title: "Projects Completed", value: "500+" },
{ id: "2", icon: Users, title: "Happy Clients", value: "200+" },
{ id: "3", icon: TrendingUp, title: "Avg Traffic Increase", value: "280%" },
{ id: "4", icon: Users, title: "Client Satisfaction", value: "98%" },
{ id: "4", icon: Award, title: "Client Satisfaction", value: "98%" },
]}
/>
</div>
@@ -199,29 +178,17 @@ export default function HomePage() {
author="Sarah Johnson, CEO of TechVentures"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-confident-fem-1772520487786-4cbb5a88.png",
alt: "Sarah Johnson",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-confident-fem-1772520487786-4cbb5a88.png", alt: "Sarah Johnson"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-technolo-1772520487716-e4de43bf.png",
alt: "Michael Chen",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-technolo-1772520487716-e4de43bf.png", alt: "Michael Chen"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-market-1772520487292-fd3661e3.png",
alt: "Emily Rodriguez",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-market-1772520487292-fd3661e3.png", alt: "Emily Rodriguez"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-an-asian-male-p-1772520490088-2449c330.png",
alt: "David Park",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-an-asian-male-p-1772520490088-2449c330.png", alt: "David Park"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-busine-1772520487627-e2d669ee.png",
alt: "Jessica Williams",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-female-busine-1772520487627-e2d669ee.png", alt: "Jessica Williams"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-executiv-1772520486993-4e3ef21d.png",
alt: "James Wilson",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/professional-headshot-of-a-male-executiv-1772520486993-4e3ef21d.png", alt: "James Wilson"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -244,6 +211,58 @@ export default function HomePage() {
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Frequently Asked Questions"
description="Find answers to common questions about our services, process, and how we work with clients."
tag="Help"
tagIcon={Zap}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
faqsAnimation="slide-up"
animationType="smooth"
showCard={true}
faqs={[
{
id: "1", title: "What's included in a typical web design project?", content: "Our web design projects include strategy, wireframing, visual design, responsive development, SEO optimization, and testing. We ensure your website is beautiful, functional, and optimized for search engines and user experience."},
{
id: "2", title: "How long does a website project typically take?", content: "Project timelines vary based on complexity and scope. A standard website typically takes 6-12 weeks from initial strategy to launch. We provide a detailed timeline during the discovery phase and keep you updated throughout the process."},
{
id: "3", title: "Do you offer SEO services after launch?", content: "Yes, we provide ongoing SEO optimization and can set up monthly maintenance packages. Our SEO services include keyword research, content optimization, technical SEO, link building, and performance monitoring to ensure continued growth."},
{
id: "4", title: "Can you integrate with our existing systems and tools?", content: "Absolutely. Our custom development team specializes in integrating with CRM systems, e-commerce platforms, analytics tools, marketing automation, and legacy systems. We ensure seamless data flow across your entire technology stack."},
{
id: "5", title: "What CMS platforms do you work with?", content: "We specialize in WordPress, Statamic, custom headless CMS solutions, and modern frameworks like Next.js. We recommend the best CMS for your specific needs, considering scalability, budget, and functionality requirements."},
{
id: "6", title: "How do you measure success?", content: "We establish clear KPIs at the beginning of every project: traffic growth, conversion rates, search rankings, user engagement, and business revenue. We provide monthly reports and insights to track progress and continuously optimize performance."},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
faqs={[
{
id: "1", title: "What's your typical project process?", content: "We follow a proven 5-phase methodology: Discovery & Strategy, Design & Wireframing, Development & Implementation, Testing & Optimization, and Launch & Support. Each phase includes client checkpoints and feedback sessions."},
{
id: "2", title: "Do you provide support after the project launches?", content: "Yes, we offer ongoing support packages including updates, security monitoring, performance optimization, and feature enhancements. We become a true partner in your success."},
{
id: "3", title: "What's your pricing model?", content: "We work with project-based pricing for custom work and retainer-based pricing for ongoing services. We'll provide a detailed proposal after understanding your needs during the discovery phase."},
{
id: "4", title: "How do you approach SEO?", content: "Our SEO approach is comprehensive: technical SEO optimization, on-page optimization, content strategy, link building, and continuous monitoring. We focus on sustainable, long-term growth rather than quick wins."},
]}
ctaTitle="Ready to Transform Your Digital Presence?"
ctaDescription="Let's discuss how our services can drive growth for your business. Book a free consultation call today."
ctaButton={{ text: "Schedule a Call", href: "https://calendly.com/digitalagency" }}
ctaIcon={Phone}
useInvertedBackground={false}
animationType="slide-up"
accordionAnimationType="smooth"
showCard={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Digital Agency Pro"