Merge version_1 into main #2
215
src/app/page.tsx
215
src/app/page.tsx
@@ -55,9 +55,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/services",
|
||||
}}
|
||||
text: "Get Started", href: "/services"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,7 +84,7 @@ export default function HomePage() {
|
||||
description="Founded in 2018"
|
||||
subdescription="Trusted by 200+ Global Brands"
|
||||
icon={Zap}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/vibrant-digital-agency-team-culture-phot-1773218772539-6c717fa4.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/vibrant-digital-agency-team-culture-phot-1773218772539-6c717fa4.png"
|
||||
imageAlt="Proof Digital Agency Culture"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
@@ -105,48 +103,24 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Strategy",
|
||||
title: "Digital Strategy",
|
||||
subtitle: "Strategic Planning for Growth",
|
||||
description:
|
||||
"We develop comprehensive digital strategies that align with your business goals, analyzing market trends and competitor landscapes to create actionable roadmaps for success.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/digital-strategy-planning-visualization--1773218774189-389e6748.png?_wi=1",
|
||||
imageAlt: "Digital Strategy Planning",
|
||||
},
|
||||
tag: "Strategy", title: "Digital Strategy", subtitle: "Strategic Planning for Growth", description:
|
||||
"We develop comprehensive digital strategies that align with your business goals, analyzing market trends and competitor landscapes to create actionable roadmaps for success.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/digital-strategy-planning-visualization--1773218774189-389e6748.png", imageAlt: "Digital Strategy Planning"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Design",
|
||||
title: "UI/UX Design",
|
||||
subtitle: "User-Centric Design Excellence",
|
||||
description:
|
||||
"Our design team creates stunning, intuitive interfaces that engage users and drive conversions. From wireframes to high-fidelity prototypes, we craft digital experiences that delight.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/ui-ux-design-process-showing-design-tool-1773218772590-0902808a.png?_wi=1",
|
||||
imageAlt: "UI/UX Design Process",
|
||||
},
|
||||
tag: "Design", title: "UI/UX Design", subtitle: "User-Centric Design Excellence", description:
|
||||
"Our design team creates stunning, intuitive interfaces that engage users and drive conversions. From wireframes to high-fidelity prototypes, we craft digital experiences that delight.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/ui-ux-design-process-showing-design-tool-1773218772590-0902808a.png", imageAlt: "UI/UX Design Process"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Development",
|
||||
title: "Web Development",
|
||||
subtitle: "Robust & Scalable Solutions",
|
||||
description:
|
||||
"We build fast, secure, and scalable web applications using cutting-edge technologies. Our developers ensure seamless performance, accessibility, and optimal user experience.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/web-development-workspace-showing-code-e-1773218772673-641d907f.png?_wi=1",
|
||||
imageAlt: "Web Development Stack",
|
||||
},
|
||||
tag: "Development", title: "Web Development", subtitle: "Robust & Scalable Solutions", description:
|
||||
"We build fast, secure, and scalable web applications using cutting-edge technologies. Our developers ensure seamless performance, accessibility, and optimal user experience.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/web-development-workspace-showing-code-e-1773218772673-641d907f.png", imageAlt: "Web Development Stack"},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Marketing",
|
||||
title: "Digital Marketing",
|
||||
subtitle: "Data-Driven Growth Campaigns",
|
||||
description:
|
||||
"From SEO and content marketing to social media and paid advertising, we execute integrated campaigns that drive qualified traffic, engagement, and measurable ROI.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/digital-marketing-analytics-dashboard-wi-1773218773754-a2192abe.png?_wi=1",
|
||||
imageAlt: "Digital Marketing Analytics",
|
||||
},
|
||||
tag: "Marketing", title: "Digital Marketing", subtitle: "Data-Driven Growth Campaigns", description:
|
||||
"From SEO and content marketing to social media and paid advertising, we execute integrated campaigns that drive qualified traffic, engagement, and measurable ROI.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/digital-marketing-analytics-dashboard-wi-1773218773754-a2192abe.png", imageAlt: "Digital Marketing Analytics"},
|
||||
]}
|
||||
buttons={[{ text: "View All Services", href: "/services" }]}
|
||||
mediaAnimation="slide-up"
|
||||
@@ -167,29 +141,14 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "E-Commerce Platform Redesign",
|
||||
price: "50K+",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/modern-e-commerce-website-interface-show-1773218773764-658d08a1.png?_wi=1",
|
||||
imageAlt: "E-Commerce Platform",
|
||||
},
|
||||
id: "1", name: "E-Commerce Platform Redesign", price: "50K+", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/modern-e-commerce-website-interface-show-1773218773764-658d08a1.png", imageAlt: "E-Commerce Platform"},
|
||||
{
|
||||
id: "2",
|
||||
name: "SaaS Dashboard Development",
|
||||
price: "75K+",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-saas-application-dashboard--1773218775489-791cb8d4.png?_wi=1",
|
||||
imageAlt: "SaaS Dashboard",
|
||||
},
|
||||
id: "2", name: "SaaS Dashboard Development", price: "75K+", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-saas-application-dashboard--1773218775489-791cb8d4.png", imageAlt: "SaaS Dashboard"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Brand Identity & Website",
|
||||
price: "35K+",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/brand-identity-showcase-displaying-logo--1773218773010-932be72c.png?_wi=1",
|
||||
imageAlt: "Brand Website",
|
||||
},
|
||||
id: "3", name: "Brand Identity & Website", price: "35K+", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/brand-identity-showcase-displaying-logo--1773218773010-932be72c.png", imageAlt: "Brand Website"},
|
||||
]}
|
||||
buttons={[{ text: "View All Projects", href: "#portfolio" }]}
|
||||
buttonAnimation="opacity"
|
||||
@@ -209,32 +168,16 @@ export default function HomePage() {
|
||||
animationType="scale-rotate"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "200",
|
||||
title: "Projects",
|
||||
description: "Successfully completed digital projects",
|
||||
icon: CheckCircle,
|
||||
id: "1", value: "200", title: "Projects", description: "Successfully completed digital projects", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "95",
|
||||
title: "Satisfaction",
|
||||
description: "Average client satisfaction rate",
|
||||
icon: Heart,
|
||||
id: "2", value: "95", title: "Satisfaction", description: "Average client satisfaction rate", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "8",
|
||||
title: "Years",
|
||||
description: "Of digital excellence and innovation",
|
||||
icon: Award,
|
||||
id: "3", value: "8", title: "Years", description: "Of digital excellence and innovation", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "50",
|
||||
title: "Team",
|
||||
description: "Dedicated creative professionals",
|
||||
icon: Users,
|
||||
id: "4", value: "50", title: "Team", description: "Dedicated creative professionals", icon: Users,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
@@ -249,29 +192,17 @@ export default function HomePage() {
|
||||
author="Sarah Johnson, CEO at TechVenture"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-conf-1773218771885-b933ec86.png",
|
||||
alt: "Client Avatar 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-conf-1773218771885-b933ec86.png", alt: "Client Avatar 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-conf-1773218771662-4965bb77.png",
|
||||
alt: "Client Avatar 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-conf-1773218771662-4965bb77.png", alt: "Client Avatar 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-diverse-busin-1773218772718-e40f0ba5.png",
|
||||
alt: "Client Avatar 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-diverse-busin-1773218772718-e40f0ba5.png", alt: "Client Avatar 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-busi-1773218772096-be789883.png",
|
||||
alt: "Client Avatar 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-busi-1773218772096-be789883.png", alt: "Client Avatar 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-diverse-busin-1773218772145-932a1fa0.png",
|
||||
alt: "Client Avatar 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-diverse-busin-1773218772145-932a1fa0.png", alt: "Client Avatar 5"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-business-prof-1773218772109-a761bfbe.png",
|
||||
alt: "Client Avatar 6",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-business-prof-1773218772109-a761bfbe.png", alt: "Client Avatar 6"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -279,6 +210,76 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Meet the Team"
|
||||
description="Our diverse team of designers, developers, and strategists are passionate about delivering exceptional digital solutions."
|
||||
tag="Leadership"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Alex Chen", role: "Founder & CEO", description: "Visionary leader with 15+ years in digital innovation and brand transformation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/portrait-of-a-confident-asian-founder-an-1773218772500-0bb1fc60.png", imageAlt: "Alex Chen", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2", name: "Maya Rodriguez", role: "Creative Director", description: "Award-winning designer specializing in brand identity and user experience design.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/portrait-of-a-creative-director-woman-wi-1773218772132-fb602c7f.png", imageAlt: "Maya Rodriguez", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Globe, url: "https://example.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3", name: "James Park", role: "Lead Developer", description: "Full-stack engineer passionate about building scalable, performant web applications.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/portrait-of-a-lead-developer-man-in-mode-1773218771797-c1561657.png", imageAlt: "James Park", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Github, url: "https://github.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4", name: "Emma Wilson", role: "Marketing Strategist", description: "Data-driven marketer with expertise in growth strategies and digital campaigns.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/portrait-of-a-marketing-strategist-woman-1773218772270-3b10ced6.png", imageAlt: "Emma Wilson", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View All Team Members", href: "/about" }]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Ready to Transform Your Digital Presence?"
|
||||
ctaDescription="Let's discuss how Proof Digital can help you achieve your business goals through innovative digital solutions."
|
||||
ctaButton={{
|
||||
text: "Schedule a Consultation", href: "https://calendly.com/proof-digital"}}
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What services does Proof Digital offer?", content: "We provide comprehensive digital services including digital strategy, UI/UX design, web and app development, and digital marketing. Each service is customized to your specific business needs and goals."},
|
||||
{
|
||||
id: "2", title: "What is your typical project timeline?", content: "Project timelines vary based on scope and complexity. Most projects range from 2-6 months. We'll provide a detailed timeline during the discovery phase."},
|
||||
{
|
||||
id: "3", title: "Do you work with startups and enterprises?", content: "Yes! We work with organizations of all sizes, from ambitious startups to established enterprises. Our approach is tailored to each client's unique stage and requirements."},
|
||||
{
|
||||
id: "4", title: "How do you measure success?", content: "We establish clear KPIs at the start of every project and provide regular performance reports. Success metrics may include traffic growth, conversion rates, user engagement, or business revenue impact."},
|
||||
{
|
||||
id: "5", title: "What is your development technology stack?", content: "We use modern technologies including React, Next.js, Node.js, and cloud platforms like AWS and Firebase. Technology selection is based on project requirements and best practices."},
|
||||
{
|
||||
id: "6", title: "Do you provide post-launch support?", content: "Absolutely. We offer ongoing support, maintenance, and optimization services to ensure your digital solutions continue to perform and evolve with your business."},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
accordionAnimationType="smooth"
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Proof"
|
||||
@@ -286,24 +287,16 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/proofdigital",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/proofdigital", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/proof-digital",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/proof-digital", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/proofdigital",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/proofdigital", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/proof-digital",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "https://github.com/proof-digital", ariaLabel: "GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -34,9 +34,7 @@ export default function PortfolioPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "contact",
|
||||
}}
|
||||
text: "Get Started", href: "contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -44,33 +42,13 @@ export default function PortfolioPage() {
|
||||
<ProductCardThree
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "E-Commerce Platform Redesign",
|
||||
price: "50K+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/modern-e-commerce-website-interface-show-1773218773764-658d08a1.png?_wi=2",
|
||||
imageAlt: "Modern e-commerce website interface showcasing product listings, shopping cart, checkout page, and u",
|
||||
},
|
||||
id: "1", name: "E-Commerce Platform Redesign", price: "50K+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/modern-e-commerce-website-interface-show-1773218773764-658d08a1.png", imageAlt: "Modern e-commerce website interface showcasing product listings, shopping cart, checkout page, and u"},
|
||||
{
|
||||
id: "2",
|
||||
name: "SaaS Dashboard Development",
|
||||
price: "75K+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-saas-application-dashboard--1773218775489-791cb8d4.png?_wi=2",
|
||||
imageAlt: "Professional SaaS application dashboard with analytics, user management, data visualization, and fea",
|
||||
},
|
||||
id: "2", name: "SaaS Dashboard Development", price: "75K+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-saas-application-dashboard--1773218775489-791cb8d4.png", imageAlt: "Professional SaaS application dashboard with analytics, user management, data visualization, and fea"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Brand Identity & Website",
|
||||
price: "35K+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/brand-identity-showcase-displaying-logo--1773218773010-932be72c.png?_wi=2",
|
||||
imageAlt: "Brand identity showcase displaying logo, color palette, typography, brand guidelines, and complete w",
|
||||
},
|
||||
id: "3", name: "Brand Identity & Website", price: "35K+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/brand-identity-showcase-displaying-logo--1773218773010-932be72c.png", imageAlt: "Brand identity showcase displaying logo, color palette, typography, brand guidelines, and complete w"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Digital Marketing Campaign",
|
||||
price: "25K+",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/digital-marketing-analytics-dashboard-wi-1773218773754-a2192abe.png?_wi=3",
|
||||
imageAlt: "Digital marketing analytics dashboard with SEO metrics, social media analytics, conversion tracking,",
|
||||
},
|
||||
id: "4", name: "Digital Marketing Campaign", price: "25K+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/digital-marketing-analytics-dashboard-wi-1773218773754-a2192abe.png", imageAlt: "Digital marketing analytics dashboard with SEO metrics, social media analytics, conversion tracking,"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Explore our portfolio of successful digital transformations and innovative solutions."
|
||||
@@ -92,32 +70,20 @@ export default function PortfolioPage() {
|
||||
author="Sarah Johnson, CEO at TechVenture"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-conf-1773218771885-b933ec86.png",
|
||||
alt: "Professional headshot portrait of a confident business professional woman with friendly expression, ",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-conf-1773218771885-b933ec86.png", alt: "Professional headshot portrait of a confident business professional woman with friendly expression, "},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-conf-1773218771662-4965bb77.png",
|
||||
alt: "Professional headshot portrait of a confident business professional man with friendly smile, modern ",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-conf-1773218771662-4965bb77.png", alt: "Professional headshot portrait of a confident business professional man with friendly smile, modern "},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-diverse-busin-1773218772718-e40f0ba5.png",
|
||||
alt: "Professional headshot of a diverse business professional woman with warm smile, modern business prof",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-diverse-busin-1773218772718-e40f0ba5.png", alt: "Professional headshot of a diverse business professional woman with warm smile, modern business prof"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-busi-1773218772096-be789883.png",
|
||||
alt: "Professional headshot portrait of a business professional man with confident expression, business ca",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-portrait-of-a-busi-1773218772096-be789883.png", alt: "Professional headshot portrait of a business professional man with confident expression, business ca"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-diverse-busin-1773218772145-932a1fa0.png",
|
||||
alt: "Professional headshot of a diverse business professional woman with warm professional smile, modern ",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-diverse-busin-1773218772145-932a1fa0.png", alt: "Professional headshot of a diverse business professional woman with warm professional smile, modern "},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-business-prof-1773218772109-a761bfbe.png",
|
||||
alt: "Professional headshot of a business professional man with confident expression and friendly smile, b",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/professional-headshot-of-a-business-prof-1773218772109-a761bfbe.png", alt: "Professional headshot of a business professional man with confident expression and friendly smile, b"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="fade"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,42 +92,22 @@ export default function PortfolioPage() {
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What services does Proof Digital offer?",
|
||||
content: "We provide comprehensive digital services including digital strategy, UI/UX design, web and app development, and digital marketing. Each service is customized to your specific business needs and goals.",
|
||||
},
|
||||
id: "1", title: "What services does Proof Digital offer?", content: "We provide comprehensive digital services including digital strategy, UI/UX design, web and app development, and digital marketing. Each service is customized to your specific business needs and goals."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is your typical project timeline?",
|
||||
content: "Project timelines vary based on scope and complexity. Most projects range from 2-6 months. We'll provide a detailed timeline during the discovery phase.",
|
||||
},
|
||||
id: "2", title: "What is your typical project timeline?", content: "Project timelines vary based on scope and complexity. Most projects range from 2-6 months. We'll provide a detailed timeline during the discovery phase."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you work with startups and enterprises?",
|
||||
content: "Yes! We work with organizations of all sizes, from ambitious startups to established enterprises. Our approach is tailored to each client's unique stage and requirements.",
|
||||
},
|
||||
id: "3", title: "Do you work with startups and enterprises?", content: "Yes! We work with organizations of all sizes, from ambitious startups to established enterprises. Our approach is tailored to each client's unique stage and requirements."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do you measure success?",
|
||||
content: "We establish clear KPIs at the start of every project and provide regular performance reports. Success metrics may include traffic growth, conversion rates, user engagement, or business revenue impact.",
|
||||
},
|
||||
id: "4", title: "How do you measure success?", content: "We establish clear KPIs at the start of every project and provide regular performance reports. Success metrics may include traffic growth, conversion rates, user engagement, or business revenue impact."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What is your development technology stack?",
|
||||
content: "We use modern technologies including React, Next.js, Node.js, and cloud platforms like AWS and Firebase. Technology selection is based on project requirements and best practices.",
|
||||
},
|
||||
id: "5", title: "What is your development technology stack?", content: "We use modern technologies including React, Next.js, Node.js, and cloud platforms like AWS and Firebase. Technology selection is based on project requirements and best practices."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you provide post-launch support?",
|
||||
content: "Absolutely. We offer ongoing support, maintenance, and optimization services to ensure your digital solutions continue to perform and evolve with your business.",
|
||||
},
|
||||
id: "6", title: "Do you provide post-launch support?", content: "Absolutely. We offer ongoing support, maintenance, and optimization services to ensure your digital solutions continue to perform and evolve with your business."},
|
||||
]}
|
||||
ctaTitle="Ready to Transform Your Digital Presence?"
|
||||
ctaDescription="Let's discuss how Proof Digital can help you achieve your business goals through innovative digital solutions."
|
||||
ctaButton={{
|
||||
text: "Schedule a Consultation",
|
||||
href: "https://calendly.com/proof-digital",
|
||||
}}
|
||||
text: "Schedule a Consultation", href: "https://calendly.com/proof-digital"}}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
@@ -177,24 +123,16 @@ export default function PortfolioPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/proofdigital",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/proofdigital", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/proof-digital",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/proof-digital", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/proofdigital",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/proofdigital", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/proof-digital",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "https://github.com/proof-digital", ariaLabel: "GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -46,9 +46,7 @@ export default function ServicesPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,48 +62,24 @@ export default function ServicesPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Strategy",
|
||||
title: "Digital Strategy & Consulting",
|
||||
subtitle: "Strategic Planning for Growth",
|
||||
description:
|
||||
"We develop comprehensive digital strategies that align with your business goals, analyzing market trends and competitor landscapes to create actionable roadmaps for sustainable success and measurable growth.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/digital-strategy-planning-visualization--1773218774189-389e6748.png?_wi=2",
|
||||
imageAlt: "Digital Strategy Planning",
|
||||
},
|
||||
tag: "Strategy", title: "Digital Strategy & Consulting", subtitle: "Strategic Planning for Growth", description:
|
||||
"We develop comprehensive digital strategies that align with your business goals, analyzing market trends and competitor landscapes to create actionable roadmaps for sustainable success and measurable growth.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/digital-strategy-planning-visualization--1773218774189-389e6748.png", imageAlt: "Digital Strategy Planning"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Design",
|
||||
title: "UI/UX Design & User Research",
|
||||
subtitle: "User-Centric Design Excellence",
|
||||
description:
|
||||
"Our design team creates stunning, intuitive interfaces that engage users and drive conversions. From wireframes to high-fidelity prototypes, we craft digital experiences that delight and perform, backed by user research and testing.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/ui-ux-design-process-showing-design-tool-1773218772590-0902808a.png?_wi=2",
|
||||
imageAlt: "UI/UX Design Process",
|
||||
},
|
||||
tag: "Design", title: "UI/UX Design & User Research", subtitle: "User-Centric Design Excellence", description:
|
||||
"Our design team creates stunning, intuitive interfaces that engage users and drive conversions. From wireframes to high-fidelity prototypes, we craft digital experiences that delight and perform, backed by user research and testing.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/ui-ux-design-process-showing-design-tool-1773218772590-0902808a.png", imageAlt: "UI/UX Design Process"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Development",
|
||||
title: "Web & App Development",
|
||||
subtitle: "Robust & Scalable Solutions",
|
||||
description:
|
||||
"We build fast, secure, and scalable web applications using cutting-edge technologies. Our developers ensure seamless performance, accessibility, and optimal user experience across all devices and platforms.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/web-development-workspace-showing-code-e-1773218772673-641d907f.png?_wi=2",
|
||||
imageAlt: "Web Development Stack",
|
||||
},
|
||||
tag: "Development", title: "Web & App Development", subtitle: "Robust & Scalable Solutions", description:
|
||||
"We build fast, secure, and scalable web applications using cutting-edge technologies. Our developers ensure seamless performance, accessibility, and optimal user experience across all devices and platforms.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/web-development-workspace-showing-code-e-1773218772673-641d907f.png", imageAlt: "Web Development Stack"},
|
||||
{
|
||||
id: 4,
|
||||
tag: "Marketing",
|
||||
title: "Digital Marketing & Growth",
|
||||
subtitle: "Data-Driven Growth Campaigns",
|
||||
description:
|
||||
"From SEO and content marketing to social media and paid advertising, we execute integrated campaigns that drive qualified traffic, engagement, and measurable ROI for your business.",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/digital-marketing-analytics-dashboard-wi-1773218773754-a2192abe.png?_wi=2",
|
||||
imageAlt: "Digital Marketing Analytics",
|
||||
},
|
||||
tag: "Marketing", title: "Digital Marketing & Growth", subtitle: "Data-Driven Growth Campaigns", description:
|
||||
"From SEO and content marketing to social media and paid advertising, we execute integrated campaigns that drive qualified traffic, engagement, and measurable ROI for your business.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AnBq6D5n9QzXjqBBaYaprIICzP/digital-marketing-analytics-dashboard-wi-1773218773754-a2192abe.png", imageAlt: "Digital Marketing Analytics"},
|
||||
]}
|
||||
buttons={[{ text: "Schedule a Consultation", href: "#contact" }]}
|
||||
mediaAnimation="slide-up"
|
||||
@@ -126,32 +100,16 @@ export default function ServicesPage() {
|
||||
animationType="scale-rotate"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "200",
|
||||
title: "Projects",
|
||||
description: "Successfully delivered digital projects",
|
||||
icon: CheckCircle,
|
||||
id: "1", value: "200", title: "Projects", description: "Successfully delivered digital projects", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "95",
|
||||
title: "Satisfaction",
|
||||
description: "Average client satisfaction rate",
|
||||
icon: Heart,
|
||||
id: "2", value: "95", title: "Satisfaction", description: "Average client satisfaction rate", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "8",
|
||||
title: "Years",
|
||||
description: "Of proven digital excellence",
|
||||
icon: Award,
|
||||
id: "3", value: "8", title: "Years", description: "Of proven digital excellence", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "50",
|
||||
title: "Team",
|
||||
description: "Talented creative professionals",
|
||||
icon: Users,
|
||||
id: "4", value: "50", title: "Team", description: "Talented creative professionals", icon: Users,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
@@ -164,29 +122,18 @@ export default function ServicesPage() {
|
||||
ctaTitle="Ready to Elevate Your Digital Presence?"
|
||||
ctaDescription="Let's discuss how our services can help you achieve your business goals through innovative digital solutions and strategic implementation."
|
||||
ctaButton={{
|
||||
text: "Schedule a Consultation",
|
||||
href: "https://calendly.com/proof-digital",
|
||||
}}
|
||||
text: "Schedule a Consultation", href: "https://calendly.com/proof-digital"}}
|
||||
ctaIcon={Phone}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is included in your digital strategy service?",
|
||||
content:
|
||||
"Our digital strategy service includes market research, competitor analysis, customer journey mapping, technology recommendations, and a detailed roadmap for digital transformation aligned with your business objectives.",
|
||||
},
|
||||
id: "1", title: "What is included in your digital strategy service?", content:
|
||||
"Our digital strategy service includes market research, competitor analysis, customer journey mapping, technology recommendations, and a detailed roadmap for digital transformation aligned with your business objectives."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a typical project take?",
|
||||
content:
|
||||
"Project timelines vary based on scope and complexity. Discovery typically takes 2-4 weeks, design 4-8 weeks, and development 8-16 weeks. We provide detailed timelines during the initial consultation.",
|
||||
},
|
||||
id: "2", title: "How long does a typical project take?", content:
|
||||
"Project timelines vary based on scope and complexity. Discovery typically takes 2-4 weeks, design 4-8 weeks, and development 8-16 weeks. We provide detailed timelines during the initial consultation."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you provide ongoing support after launch?",
|
||||
content:
|
||||
"Yes, we offer comprehensive post-launch support including maintenance, monitoring, optimization, and feature enhancements. We can provide dedicated support plans tailored to your needs.",
|
||||
},
|
||||
id: "3", title: "Do you provide ongoing support after launch?", content:
|
||||
"Yes, we offer comprehensive post-launch support including maintenance, monitoring, optimization, and feature enhancements. We can provide dedicated support plans tailored to your needs."},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
@@ -202,24 +149,16 @@ export default function ServicesPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/proofdigital",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/proofdigital", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/proof-digital",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/proof-digital", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/proofdigital",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/proofdigital", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com/proof-digital",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "https://github.com/proof-digital", ariaLabel: "GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,32 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width="200"
|
||||
height="60"
|
||||
viewBox="0 0 200 60"
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="middle"
|
||||
fontSize="32"
|
||||
fontWeight="bold"
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user