Merge version_1 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -67,9 +67,7 @@ export default function HomePage() {
|
||||
background={{ variant: "radial-gradient" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctxu7x",
|
||||
alt: "digital agency team working together",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctxu7x", alt: "digital agency team working together"},
|
||||
]}
|
||||
avatarText="Trusted by leading brands"
|
||||
buttons={[
|
||||
@@ -93,7 +91,7 @@ export default function HomePage() {
|
||||
description="We're a full-service digital agency founded on the belief that technology should serve human needs. With a team of strategists, designers, and developers, we've helped 200+ brands achieve their digital ambitions."
|
||||
tag="Our Story"
|
||||
tagIcon={BookOpen}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dmibo2&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dmibo2"
|
||||
imageAlt="Proof Digital team collaboration"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Learn More About Our Process", href: "/about" }]}
|
||||
@@ -111,91 +109,55 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Digital Strategy",
|
||||
description: "Comprehensive roadmaps that align technology with business goals",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Digital Strategy", description: "Comprehensive roadmaps that align technology with business goals", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Target,
|
||||
label: "Strategic Planning",
|
||||
value: "Clear Direction",
|
||||
},
|
||||
label: "Strategic Planning", value: "Clear Direction"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Audience Research",
|
||||
value: "Deep Insights",
|
||||
},
|
||||
label: "Audience Research", value: "Deep Insights"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Growth Metrics",
|
||||
value: "Measurable Impact",
|
||||
},
|
||||
label: "Growth Metrics", value: "Measurable Impact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Design & UX",
|
||||
description: "Beautiful, user-centered design that converts and delights",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Design & UX", description: "Beautiful, user-centered design that converts and delights", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Palette,
|
||||
label: "Visual Design",
|
||||
value: "Brand Identity",
|
||||
},
|
||||
label: "Visual Design", value: "Brand Identity"},
|
||||
{
|
||||
icon: Mouse,
|
||||
label: "User Experience",
|
||||
value: "Intuitive Flow",
|
||||
},
|
||||
label: "User Experience", value: "Intuitive Flow"},
|
||||
{
|
||||
icon: RefreshCw,
|
||||
label: "Iteration",
|
||||
value: "Refined Design",
|
||||
},
|
||||
label: "Iteration", value: "Refined Design"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "Scalable, secure, and performant digital products",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Web Development", description: "Scalable, secure, and performant digital products", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Code2,
|
||||
label: "Frontend Dev",
|
||||
value: "Modern Stack",
|
||||
},
|
||||
label: "Frontend Dev", value: "Modern Stack"},
|
||||
{
|
||||
icon: Server,
|
||||
label: "Backend Systems",
|
||||
value: "Robust Architecture",
|
||||
},
|
||||
label: "Backend Systems", value: "Robust Architecture"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Performance",
|
||||
value: "Lightning Fast",
|
||||
},
|
||||
label: "Performance", value: "Lightning Fast"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Analytics & Growth",
|
||||
description: "Data-driven insights to optimize and scale your digital presence",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Analytics & Growth", description: "Data-driven insights to optimize and scale your digital presence", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: BarChart3,
|
||||
label: "Analytics Setup",
|
||||
value: "Full Tracking",
|
||||
},
|
||||
label: "Analytics Setup", value: "Full Tracking"},
|
||||
{
|
||||
icon: PieChart,
|
||||
label: "Performance Reports",
|
||||
value: "Clear Metrics",
|
||||
},
|
||||
label: "Performance Reports", value: "Clear Metrics"},
|
||||
{
|
||||
icon: Activity,
|
||||
label: "Optimization",
|
||||
value: "Continuous Growth",
|
||||
},
|
||||
label: "Optimization", value: "Continuous Growth"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -207,23 +169,9 @@ export default function HomePage() {
|
||||
title="Trusted By Industry Leaders"
|
||||
description="We've partnered with forward-thinking companies to deliver transformative digital solutions"
|
||||
names={[
|
||||
"TechVenture",
|
||||
"RetailHub",
|
||||
"FinServe",
|
||||
"CloudCore",
|
||||
"CreativeStudio",
|
||||
"EnterprisePlus",
|
||||
"SaaSGrowth",
|
||||
]}
|
||||
"TechVenture", "RetailHub", "FinServe", "CloudCore", "CreativeStudio", "EnterprisePlus", "SaaSGrowth"]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bsnrjj",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fmi3l8",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=osacbk",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttq2i2",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o9kslb",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxtj80",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zbthzu",
|
||||
]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bsnrjj", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fmi3l8", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=osacbk", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ttq2i2", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o9kslb", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxtj80", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zbthzu"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
@@ -240,65 +188,29 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1",
|
||||
name: "Sarah Chen",
|
||||
role: "CEO",
|
||||
company: "TechVenture Inc",
|
||||
rating: 5,
|
||||
id: "testimonial-1", name: "Sarah Chen", role: "CEO", company: "TechVenture Inc", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qz9pdj&_wi=1",
|
||||
imageAlt: "Sarah Chen",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qz9pdj", imageAlt: "Sarah Chen"},
|
||||
{
|
||||
id: "testimonial-2",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Head of Marketing",
|
||||
company: "RetailHub Co",
|
||||
rating: 5,
|
||||
id: "testimonial-2", name: "Emma Rodriguez", role: "Head of Marketing", company: "RetailHub Co", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sbg9ir&_wi=1",
|
||||
imageAlt: "Emma Rodriguez",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sbg9ir", imageAlt: "Emma Rodriguez"},
|
||||
{
|
||||
id: "testimonial-3",
|
||||
name: "James Mitchell",
|
||||
role: "Founder",
|
||||
company: "FinServe Solutions",
|
||||
rating: 5,
|
||||
id: "testimonial-3", name: "James Mitchell", role: "Founder", company: "FinServe Solutions", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s22f4y&_wi=1",
|
||||
imageAlt: "James Mitchell",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s22f4y", imageAlt: "James Mitchell"},
|
||||
{
|
||||
id: "testimonial-4",
|
||||
name: "Lisa Park",
|
||||
role: "Product Director",
|
||||
company: "CloudCore Systems",
|
||||
rating: 5,
|
||||
id: "testimonial-4", name: "Lisa Park", role: "Product Director", company: "CloudCore Systems", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=poq8ec&_wi=1",
|
||||
imageAlt: "Lisa Park",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=poq8ec", imageAlt: "Lisa Park"},
|
||||
{
|
||||
id: "testimonial-5",
|
||||
name: "Michael Torres",
|
||||
role: "VP of Operations",
|
||||
company: "EnterprisePlus",
|
||||
rating: 5,
|
||||
id: "testimonial-5", name: "Michael Torres", role: "VP of Operations", company: "EnterprisePlus", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6hx81l&_wi=1",
|
||||
imageAlt: "Michael Torres",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6hx81l", imageAlt: "Michael Torres"},
|
||||
{
|
||||
id: "testimonial-6",
|
||||
name: "Jessica Wells",
|
||||
role: "Growth Manager",
|
||||
company: "SaaSGrowth Pro",
|
||||
rating: 5,
|
||||
id: "testimonial-6", name: "Jessica Wells", role: "Growth Manager", company: "SaaSGrowth Pro", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxkirm&_wi=1",
|
||||
imageAlt: "Jessica Wells",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxkirm", imageAlt: "Jessica Wells"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "200+", label: "Projects Delivered" },
|
||||
@@ -313,22 +225,14 @@ export default function HomePage() {
|
||||
title="By The Numbers"
|
||||
tag="Our Impact"
|
||||
useInvertedBackground={false}
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "$50M+",
|
||||
description: "Revenue Generated for Clients",
|
||||
},
|
||||
id: "metric-1", value: "$50M+", description: "Revenue Generated for Clients"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "3.8x",
|
||||
description: "Average ROI Improvement",
|
||||
},
|
||||
id: "metric-2", value: "3.8x", description: "Average ROI Improvement"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "45",
|
||||
description: "Team Members Across Disciplines",
|
||||
},
|
||||
id: "metric-3", value: "45", description: "Team Members Across Disciplines"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -344,41 +248,23 @@ export default function HomePage() {
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What services does Proof Digital offer?",
|
||||
content:
|
||||
"We provide comprehensive digital agency services including strategy, design, web development, and analytics. Our approach is tailored to each client's unique needs and goals.",
|
||||
},
|
||||
id: "faq-1", title: "What services does Proof Digital offer?", content:
|
||||
"We provide comprehensive digital agency services including strategy, design, web development, and analytics. Our approach is tailored to each client's unique needs and goals."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How long does a typical project take?",
|
||||
content:
|
||||
"Project timelines vary based on scope and complexity. A website redesign typically takes 8-12 weeks, while a custom application may take 4-6 months. We provide detailed timelines during the discovery phase.",
|
||||
},
|
||||
id: "faq-2", title: "How long does a typical project take?", content:
|
||||
"Project timelines vary based on scope and complexity. A website redesign typically takes 8-12 weeks, while a custom application may take 4-6 months. We provide detailed timelines during the discovery phase."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you work with startups?",
|
||||
content:
|
||||
"Absolutely! We love working with startups. We offer flexible engagement models and understand the unique challenges early-stage companies face. Many of our current clients are high-growth startups.",
|
||||
},
|
||||
id: "faq-3", title: "Do you work with startups?", content:
|
||||
"Absolutely! We love working with startups. We offer flexible engagement models and understand the unique challenges early-stage companies face. Many of our current clients are high-growth startups."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "What is your design and development process?",
|
||||
content:
|
||||
"Our process includes discovery, strategy, wireframing, design, development, testing, and launch. We maintain regular communication and iterate based on feedback to ensure the final product exceeds expectations.",
|
||||
},
|
||||
id: "faq-4", title: "What is your design and development process?", content:
|
||||
"Our process includes discovery, strategy, wireframing, design, development, testing, and launch. We maintain regular communication and iterate based on feedback to ensure the final product exceeds expectations."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "How do you measure project success?",
|
||||
content:
|
||||
"We establish clear KPIs at the beginning of every project. Success metrics might include conversion rates, user engagement, page load speed, or revenue impact. We provide ongoing analytics and reporting.",
|
||||
},
|
||||
id: "faq-5", title: "How do you measure project success?", content:
|
||||
"We establish clear KPIs at the beginning of every project. Success metrics might include conversion rates, user engagement, page load speed, or revenue impact. We provide ongoing analytics and reporting."},
|
||||
{
|
||||
id: "faq-6",
|
||||
title: "Do you provide ongoing support after launch?",
|
||||
content:
|
||||
"Yes, we offer various support and maintenance packages. Many clients work with us on an ongoing basis for optimization, feature updates, and strategic consulting.",
|
||||
},
|
||||
id: "faq-6", title: "Do you provide ongoing support after launch?", content:
|
||||
"Yes, we offer various support and maintenance packages. Many clients work with us on an ongoing basis for optimization, feature updates, and strategic consulting."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,8 +64,7 @@ export default function ServicesPage() {
|
||||
? "/work"
|
||||
: item.id === "contact"
|
||||
? "#"
|
||||
: "#",
|
||||
}));
|
||||
: "#"}));
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -96,20 +95,14 @@ export default function ServicesPage() {
|
||||
background={{ variant: "radial-gradient" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bqdrw2",
|
||||
alt: "business strategy planning diagram",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bqdrw2", alt: "business strategy planning diagram"},
|
||||
]}
|
||||
avatarText="Strategic Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Consultation", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -126,95 +119,59 @@ export default function ServicesPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Digital Strategy",
|
||||
description:
|
||||
"Comprehensive roadmaps that align technology with business goals",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Digital Strategy", description:
|
||||
"Comprehensive roadmaps that align technology with business goals", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Target,
|
||||
label: "Strategic Planning",
|
||||
value: "Clear Direction",
|
||||
},
|
||||
label: "Strategic Planning", value: "Clear Direction"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Audience Research",
|
||||
value: "Deep Insights",
|
||||
},
|
||||
label: "Audience Research", value: "Deep Insights"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Growth Metrics",
|
||||
value: "Measurable Impact",
|
||||
},
|
||||
label: "Growth Metrics", value: "Measurable Impact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Design & UX",
|
||||
description:
|
||||
"Beautiful, user-centered design that converts and delights",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Design & UX", description:
|
||||
"Beautiful, user-centered design that converts and delights", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Palette,
|
||||
label: "Visual Design",
|
||||
value: "Brand Identity",
|
||||
},
|
||||
label: "Visual Design", value: "Brand Identity"},
|
||||
{
|
||||
icon: Mouse,
|
||||
label: "User Experience",
|
||||
value: "Intuitive Flow",
|
||||
},
|
||||
label: "User Experience", value: "Intuitive Flow"},
|
||||
{
|
||||
icon: RefreshCw,
|
||||
label: "Iteration",
|
||||
value: "Refined Design",
|
||||
},
|
||||
label: "Iteration", value: "Refined Design"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Web Development",
|
||||
description:
|
||||
"Scalable, secure, and performant digital products",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Web Development", description:
|
||||
"Scalable, secure, and performant digital products", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Code2,
|
||||
label: "Frontend Dev",
|
||||
value: "Modern Stack",
|
||||
},
|
||||
label: "Frontend Dev", value: "Modern Stack"},
|
||||
{
|
||||
icon: Server,
|
||||
label: "Backend Systems",
|
||||
value: "Robust Architecture",
|
||||
},
|
||||
label: "Backend Systems", value: "Robust Architecture"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Performance",
|
||||
value: "Lightning Fast",
|
||||
},
|
||||
label: "Performance", value: "Lightning Fast"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Analytics & Growth",
|
||||
description:
|
||||
"Data-driven insights to optimize and scale your digital presence",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Analytics & Growth", description:
|
||||
"Data-driven insights to optimize and scale your digital presence", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: BarChart3,
|
||||
label: "Analytics Setup",
|
||||
value: "Full Tracking",
|
||||
},
|
||||
label: "Analytics Setup", value: "Full Tracking"},
|
||||
{
|
||||
icon: PieChart,
|
||||
label: "Performance Reports",
|
||||
value: "Clear Metrics",
|
||||
},
|
||||
label: "Performance Reports", value: "Clear Metrics"},
|
||||
{
|
||||
icon: Activity,
|
||||
label: "Optimization",
|
||||
value: "Continuous Growth",
|
||||
},
|
||||
label: "Optimization", value: "Continuous Growth"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -226,22 +183,14 @@ export default function ServicesPage() {
|
||||
title="By The Numbers"
|
||||
tag="Our Impact"
|
||||
useInvertedBackground={false}
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "$50M+",
|
||||
description: "Revenue Generated for Clients",
|
||||
},
|
||||
id: "metric-1", value: "$50M+", description: "Revenue Generated for Clients"},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "3.8x",
|
||||
description: "Average ROI Improvement",
|
||||
},
|
||||
id: "metric-2", value: "3.8x", description: "Average ROI Improvement"},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "45",
|
||||
description: "Team Members Across Disciplines",
|
||||
},
|
||||
id: "metric-3", value: "45", description: "Team Members Across Disciplines"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user