Merge version_1 into main #2
@@ -20,26 +20,23 @@ export default function AboutPage() {
|
||||
|
||||
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: "#" },
|
||||
@@ -54,7 +51,7 @@ export default function AboutPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -80,7 +77,7 @@ export default function AboutPage() {
|
||||
{ value: "10+", title: "Years of Excellence" },
|
||||
{ value: "200+", title: "Satisfied Clients Worldwide" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/analytics-and-performance-dashboard-with-1772520488608-dfc70192.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQMcwBfNP2iP4BhMH9NnwRWQOz/analytics-and-performance-dashboard-with-1772520488608-dfc70192.png"
|
||||
imageAlt="Our agency team and results"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
|
||||
@@ -20,26 +20,23 @@ export default function CaseStudiesPage() {
|
||||
|
||||
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: "#" },
|
||||
@@ -54,7 +51,7 @@ export default function CaseStudiesPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -80,7 +77,7 @@ export default function CaseStudiesPage() {
|
||||
{ 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=2"
|
||||
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"
|
||||
@@ -114,29 +111,17 @@ export default function CaseStudiesPage() {
|
||||
author="Michael Chen, Director of Operations"
|
||||
avatars={[
|
||||
{
|
||||
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-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-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"
|
||||
|
||||
@@ -18,26 +18,23 @@ export default function ContactPage() {
|
||||
|
||||
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: "#" },
|
||||
@@ -52,7 +49,7 @@ export default function ContactPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -71,25 +68,13 @@ export default function ContactPage() {
|
||||
<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: "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: "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: "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.",
|
||||
},
|
||||
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."
|
||||
|
||||
@@ -5,36 +5,21 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-manrope", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Digital Agency | Web Design, CMS, Custom Development & SEO",
|
||||
description: "Professional digital agency specializing in web design, CMS solutions, custom development, and SEO optimization. Transform your business with expert digital solutions.",
|
||||
keywords: "web design, CMS solutions, custom development, SEO optimization, digital agency, website design, web development",
|
||||
metadataBase: new URL("https://www.digitalagencypro.com"),
|
||||
title: "Digital Agency | Web Design, CMS, Custom Development & SEO", description: "Professional digital agency specializing in web design, CMS solutions, custom development, and SEO optimization. Transform your business with expert digital solutions.", keywords: "web design, CMS solutions, custom development, SEO optimization, digital agency, website design, web development", metadataBase: new URL("https://www.digitalagencypro.com"),
|
||||
alternates: {
|
||||
canonical: "https://www.digitalagencypro.com",
|
||||
},
|
||||
canonical: "https://www.digitalagencypro.com"},
|
||||
openGraph: {
|
||||
title: "Digital Agency Pro | Digital Solutions That Transform Business",
|
||||
description: "Professional digital agency specializing in web design, CMS solutions, custom development, and SEO optimization.",
|
||||
url: "https://www.digitalagencypro.com",
|
||||
siteName: "Digital Agency Pro",
|
||||
type: "website",
|
||||
images: [
|
||||
title: "Digital Agency Pro | Digital Solutions That Transform Business", description: "Professional digital agency specializing in web design, CMS solutions, custom development, and SEO optimization.", url: "https://www.digitalagencypro.com", siteName: "Digital Agency Pro", type: "website", images: [
|
||||
{
|
||||
url: "https://www.digitalagencypro.com/og-image.jpg",
|
||||
alt: "Digital Agency Pro - Web Design & Development",
|
||||
},
|
||||
url: "https://www.digitalagencypro.com/og-image.jpg", alt: "Digital Agency Pro - Web Design & Development"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Digital Agency Pro | Transform Your Digital Presence",
|
||||
description: "Expert web design, CMS solutions, custom development & SEO optimization services.",
|
||||
images: ["https://www.digitalagencypro.com/twitter-image.jpg"],
|
||||
card: "summary_large_image", title: "Digital Agency Pro | Transform Your Digital Presence", description: "Expert web design, CMS solutions, custom development & SEO optimization services.", images: ["https://www.digitalagencypro.com/twitter-image.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
|
||||
145
src/app/page.tsx
145
src/app/page.tsx
@@ -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"
|
||||
|
||||
@@ -20,26 +20,23 @@ export default function ServicesPage() {
|
||||
|
||||
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: "#" },
|
||||
@@ -54,7 +51,7 @@ export default function ServicesPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -79,34 +76,22 @@ export default function ServicesPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Web Design & Development",
|
||||
description: "Beautiful, responsive websites that engage users and drive conversions. We craft every pixel with precision and optimize for all devices.",
|
||||
},
|
||||
title: "Web Design & Development", description: "Beautiful, responsive websites that engage users and drive conversions. We craft every pixel with precision and optimize for all devices."},
|
||||
{
|
||||
icon: Database,
|
||||
title: "CMS Solutions",
|
||||
description: "Powerful content management systems that give you full control over your digital presence without technical hassle or complexity.",
|
||||
},
|
||||
title: "CMS Solutions", description: "Powerful content management systems that give you full control over your digital presence without technical hassle or complexity."},
|
||||
{
|
||||
icon: Code,
|
||||
title: "Custom Development",
|
||||
description: "Bespoke solutions built to your exact specifications. From APIs to full-stack applications, we deliver excellence and scalability.",
|
||||
},
|
||||
title: "Custom Development", description: "Bespoke solutions built to your exact specifications. From APIs to full-stack applications, we deliver excellence and scalability."},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "SEO Optimization",
|
||||
description: "Strategic SEO implementation that increases visibility, drives organic traffic, and improves your search rankings consistently.",
|
||||
},
|
||||
title: "SEO Optimization", description: "Strategic SEO implementation that increases visibility, drives organic traffic, and improves your search rankings consistently."},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Mobile-First Design",
|
||||
description: "Responsive designs that perform flawlessly across all devices, ensuring your audience sees your best side every time.",
|
||||
},
|
||||
title: "Mobile-First Design", description: "Responsive designs that perform flawlessly across all devices, ensuring your audience sees your best side every time."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Performance & Analytics",
|
||||
description: "Data-driven optimization that measures success and continuously improves your digital presence based on real metrics.",
|
||||
},
|
||||
title: "Performance & Analytics", description: "Data-driven optimization that measures success and continuously improves your digital presence based on real metrics."},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -149,35 +134,17 @@ export default function ServicesPage() {
|
||||
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: "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: "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: "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: "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: "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.",
|
||||
},
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user