bender/f0ab670d-5f3a-4ca5-837e-a4c39a2f431f
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #4

Merged
bender merged 7 commits from version_3 into main 2026-03-04 13:32:09 +00:00
Conversation 0 Commits 7 Files Changed 7 +372 -197
7 changed files with 372 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,138 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import { Users, Award, Target, Code, Github, Linkedin, Twitter, Phone } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="inset"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="smartbiz"
bottomLeftText="Professional Web Development"
bottomRightText="hello@smartbiz.dev"
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="About smartbiz"
description={[
"smartbiz is a professional web development agency dedicated to delivering exceptional custom solutions. We've built our reputation on understanding our clients' business needs and delivering results that exceed expectations.", "With over a decade of combined experience, we've partnered with hundreds of companies to create high-performing websites and digital solutions. Our team brings expertise in modern web technologies, strategic thinking, and a genuine commitment to our clients' success.", "We believe in building lasting relationships through transparent communication, expert craftsmanship, and a consultative approach that puts your business goals first."
]}
buttons={[{ text: "Let's Talk", href: "/contact" }]}
showBorder={false}
useInvertedBackground={false}
/>
</div>
<div id="values" data-section="values">
<FeatureBorderGlow
title="Our Core Values"
description="The principles that guide everything we do and how we work with our clients."
tag="Values"
tagIcon={Award}
features={[
{
icon: Target,
title: "Client-Focused", description: "Your business goals drive every decision. We take the time to understand your needs and deliver solutions that create real value."
},
{
icon: Code,
title: "Technical Excellence", description: "We stay current with the latest technologies and best practices. Quality code and robust solutions are non-negotiable."
},
{
icon: Users,
title: "Partnership Approach", description: "We're not just vendors—we're partners invested in your success. Your challenges become our challenges, and we work to overcome them together."
},
{
icon: Award,
title: "Integrity & Transparency", description: "We communicate honestly about timelines, budgets, and what's possible. No surprises, no hidden fees—just straightforward partnership."
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Why Clients Partner With Us"
description="Hear from the businesses we've worked with about what makes smartbiz different."
tag="Client Stories"
testimonials={[
{
id: "1", title: "True Partnership", quote: "smartbiz treated our project like their own business. Their consultative approach and commitment to our success was exactly what we needed.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-business-exec-1772556085798-89516a91.png?_wi=4", imageAlt: "Sarah Johnson"
},
{
id: "2", title: "Expert Guidance", quote: "What impressed us most was their willingness to provide strategic advice beyond just development. They acted as trusted advisors throughout the entire process.", name: "Michael Chen", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-marketing-dir-1772556085875-919d8187.png?_wi=4", imageAlt: "Michael Chen"
},
{
id: "3", title: "Long-term Partner", quote: "We've continued to work with smartbiz long after the initial project. They've become our go-to partner for all our web development needs.", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-startup-found-1772556085710-8ab57057.png?_wi=4", imageAlt: "Emily Rodriguez"
},
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Let's Connect"
title="Ready to Work Together?"
description="Contact us to learn more about how we can help with your web development needs. We're here to answer your questions and discuss your project."
tagIcon={Phone}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/modern-collaborative-workspace-showing-d-1772556088258-1f3bf5a6.png?_wi=5"
imageAlt="smartbiz team collaborating"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Schedule Call"
termsText="We respect your privacy. We'll use your email only to contact you about our services."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="smartbiz"
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
socialLinks={[
{ icon: Github, href: "https://github.com/smartbiz", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/smartbiz", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/smartbizdev", ariaLabel: "Twitter" },
]}
/>
</div>
</ThemeProvider>
);
}

76
src/app/contact/page.tsx
View File

@@ -6,13 +6,14 @@ import ContactSplit from "@/components/sections/contact/ContactSplit";
import FaqBase from "@/components/sections/faq/FaqBase";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Mail, Github, Linkedin, Twitter } from "lucide-react";
import Link from "next/link";
import { Mail, Github, Linkedin, Twitter, Phone } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
@@ -33,54 +34,54 @@ export default function ContactPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Webuild"
bottomLeftText="Digital Innovation"
bottomRightText="hello@webuild.dev"
brandName="smartbiz"
bottomLeftText="Professional Web Development"
bottomRightText="hello@smartbiz.dev"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
title="Let's Build Something Amazing"
description="Ready to transform your web presence? Contact us today for a free consultation. We'll discuss your goals and create a custom plan to achieve them."
tagIcon={Mail}
title="Let's Start a Conversation"
description="Ready to discuss your web development project? Contact us today. We offer personalized consultations to understand your needs and create a custom solution."
tagIcon={Phone}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/modern-collaborative-workspace-showing-d-1772556088258-1f3bf5a6.png?_wi=5"
imageAlt="Webuild team collaborating"
imageAlt="smartbiz team collaborating"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Get Started"
termsText="We respect your privacy. We'll only use your email to discuss your project and send relevant updates."
buttonText="Schedule Call"
termsText="We respect your privacy. We'll use your email only to contact you about your project and discuss how we can help."
/>
</div>
<div id="contact-faq" data-section="contact-faq">
<FaqBase
title="Contact & Support FAQ"
description="Find answers to common questions about how to reach us and what to expect from your initial consultation."
title="Frequently Asked Questions"
description="Common questions about our process, services, and how to get started with smartbiz."
tag="Help"
faqs={[
{
id: "1", title: "How quickly will you respond to my inquiry?", content:
"We typically respond to inquiries within 24 business hours. For urgent matters, feel free to call or email us directly at hello@webuild.dev."},
id: "1", title: "How do we get started?", content: "Contact us via email or schedule a call. We'll discuss your project, understand your goals, and provide initial recommendations. There's no obligation—this is just us learning about your needs."
},
{
id: "2", title: "What should I prepare for the initial consultation?", content:
"Come ready to discuss your business goals, target audience, current challenges, and budget. It helps to have any competitor websites or design inspiration you like. We'll guide you through the rest!"},
id: "2", title: "What's your typical project timeline?", content: "Timelines vary based on project scope. A simple website might take 6-8 weeks, while a custom application could take several months. We'll provide a detailed timeline during the consultation."
},
{
id: "3", title: "Do you offer free consultations?", content:
"Yes! We offer a complimentary 30-minute consultation to discuss your project, understand your needs, and provide initial recommendations."},
id: "3", title: "Do you offer ongoing support?", content: "Yes. We provide support and maintenance after launch. Options include hourly rates, monthly retainers, or custom packages based on your ongoing needs."
},
{
id: "4", title: "What if I need ongoing support after launch?", content:
"We offer flexible maintenance and support packages. You can choose from hourly rates, monthly retainers, or custom packages based on your needs."},
id: "4", title: "How do you approach communication?", content: "We believe in transparent, regular communication. You'll receive updates throughout the project, have access to a project management portal, and can contact us directly with questions or concerns."
},
{
id: "5", title: "How can I track project progress?", content:
"We provide regular updates, typically weekly, and you'll have access to a project management portal where you can monitor milestones and deliverables in real-time."},
id: "5", title: "What technologies do you use?", content: "We use modern, industry-standard technologies. Our choice depends on your specific needs. During consultation, we'll recommend the best tech stack for your project."
},
{
id: "6", title: "What timezone are you in?", content:
"Our team spans multiple timezones, allowing us to provide support throughout the day. We're available EST and can accommodate most timezone schedules."},
id: "6", title: "Do you provide hosting and domain services?", content: "We can help you select and set up hosting and domain services. Many clients use providers we recommend, though you can also use your own preferred provider."
},
]}
faqsAnimation="slide-up"
textboxLayout="default"
@@ -91,16 +92,19 @@ export default function ContactPage() {
<div id="contact-testimonials" data-section="contact-testimonials">
<TestimonialCardTen
title="Why Clients Choose Webuild"
description="See what makes us different and why businesses trust us with their web presence."
title="What Clients Say About Working With Us"
description="Hear from businesses that have partnered with us for their web development needs."
tag="Client Stories"
testimonials={[
{
id: "1", title: "Transformed Our Digital Presence", quote: "Webuild completely redesigned our website and automated our entire sales funnel. The results were immediate—we saw a 45% increase in conversions within the first month.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-business-exec-1772556085798-89516a91.png?_wi=3", imageAlt: "Sarah Johnson"},
id: "1", title: "Professional & Reliable", quote: "From the initial consultation through launch, smartbiz was professional, responsive, and committed to delivering exactly what we needed.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-business-exec-1772556085798-89516a91.png?_wi=3", imageAlt: "Sarah Johnson"
},
{
id: "2", title: "Professional Excellence", quote: "The team at Webuild understands web development like no one else. They built us a custom SaaS platform that our users absolutely love. Their attention to detail is unmatched.", name: "Michael Chen", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-marketing-dir-1772556085875-919d8187.png?_wi=3", imageAlt: "Michael Chen"},
id: "2", title: "Expert Team", quote: "The team at smartbiz demonstrated deep technical expertise and a genuine understanding of our business. They provided valuable strategic guidance throughout our project.", name: "Michael Chen", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-marketing-dir-1772556085875-919d8187.png?_wi=3", imageAlt: "Michael Chen"
},
{
id: "3", title: "Saved Us Hundreds of Hours", quote: "The automation solutions Webuild implemented have saved our team over 50 hours per month. We can now focus on strategy instead of manual tasks. Highly recommend!", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-startup-found-1772556085710-8ab57057.png?_wi=3", imageAlt: "Emily Rodriguez"},
id: "3", title: "True Partnership", quote: "What sets smartbiz apart is their partnership approach. They acted like they owned the project, ensuring we got exactly what we needed to succeed.", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-startup-found-1772556085710-8ab57057.png?_wi=3", imageAlt: "Emily Rodriguez"
},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -109,15 +113,15 @@ export default function ContactPage() {
<div id="footer" data-section="footer">
<FooterCard
logoText="Webuild"
copyrightText="© 2025 Webuild. All rights reserved. Crafting the future of web development."
logoText="smartbiz"
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
socialLinks={[
{ icon: Github, href: "https://github.com/webuild", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/webuild", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/webuilddev", ariaLabel: "Twitter" },
{ icon: Github, href: "https://github.com/smartbiz", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/smartbiz", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/smartbizdev", ariaLabel: "Twitter" },
]}
/>
</div>
</ThemeProvider>
);
}
}

17
src/app/layout.tsx
View File

@@ -9,18 +9,21 @@ const archivo = Archivo({
});
export const metadata: Metadata = {
title: "Webuild - Web Development & Automation Services", description: "Expert web development and automation services. We create stunning, high-performing websites and automate your digital workflows.", keywords: "web development, website design, automation, SaaS, custom websites, web automation, digital solutions", metadataBase: new URL("https://webuild.dev"),
title: "Professional Web Development Agency | Custom Services", description: "Expert web development agency providing custom services. We specialize in professional web solutions delivered through direct partnerships and consultative selling.", keywords: "web development agency, custom web services, professional web solutions, web development company", metadataBase: new URL("https://smartbiz.dev"),
alternates: {
canonical: "https://webuild.dev"},
canonical: "https://smartbiz.dev"
},
openGraph: {
title: "Webuild - Web Development & Automation", description: "Transform your digital presence with custom websites and smart automation.", url: "https://webuild.dev", siteName: "Webuild", type: "website", images: [
title: "Professional Web Development Agency", description: "Custom web development services for businesses.", url: "https://smartbiz.dev", siteName: "smartbiz", type: "website", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/a-modern-sleek-web-development-dashboard-1772556087321-857a5980.png", alt: "Webuild web development dashboard"},
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/a-modern-sleek-web-development-dashboard-1772556087321-857a5980.png", alt: "smartbiz web development dashboard"
},
],
},
twitter: {
card: "summary_large_image", title: "Webuild - Web Development & Automation", description: "Expert web development and automation services.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/a-modern-sleek-web-development-dashboard-1772556087321-857a5980.png"],
card: "summary_large_image", title: "Professional Web Development Agency", description: "Expert custom web development services.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/a-modern-sleek-web-development-dashboard-1772556087321-857a5980.png"
],
},
robots: {
index: true,
@@ -1410,4 +1413,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

104
src/app/page.tsx
View File

@@ -9,13 +9,14 @@ import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Code, Zap, Palette, Cpu, Lock, TrendingUp, Users, Globe, Award, Mail, Github, Linkedin, Twitter } from "lucide-react";
import Link from "next/link";
import { Code, Zap, Palette, Cpu, Lock, TrendingUp, Users, Globe, Award, Mail, Github, Linkedin, Twitter, CheckCircle2, Package, Briefcase, Phone } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
@@ -36,25 +37,27 @@ export default function HomePage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Webuild"
bottomLeftText="Digital Innovation"
bottomRightText="hello@webuild.dev"
brandName="smartbiz"
bottomLeftText="Professional Web Development"
bottomRightText="hello@smartbiz.dev"
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="WEBUILD"
description="Create stunning, automated websites that drive results. We build powerful digital experiences and streamline your web development process."
logoText="SMARTBIZ"
description="Professional web development agency delivering custom solutions through strategic partnerships. We specialize in building high-performance websites tailored to your business needs."
buttons={[
{ text: "Start Your Project", href: "/contact" },
{ text: "Schedule a Call", href: "/contact" },
{ text: "View Our Work", href: "/portfolio" },
]}
slides={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/a-modern-sleek-web-development-dashboard-1772556087321-857a5980.png", imageAlt: "Web development dashboard"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/a-modern-sleek-web-development-dashboard-1772556087321-857a5980.png", imageAlt: "Web development dashboard"
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/clean-lines-of-modern-code-displayed-on--1772556086438-07e4a9c0.png", imageAlt: "Modern code interface"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/clean-lines-of-modern-code-displayed-on--1772556086438-07e4a9c0.png", imageAlt: "Modern code interface"
},
]}
autoplayDelay={5000}
showDimOverlay={true}
@@ -63,10 +66,11 @@ export default function HomePage() {
<div id="about" data-section="about">
<TextSplitAbout
title="About Webuild"
title="About smartbiz"
description={[
"We're a team of passionate web developers, designers, and automation specialists dedicated to transforming how businesses build their digital presence.", "With over a decade of combined experience, we've helped hundreds of companies launch, redesign, and automate their websites. We believe in combining cutting-edge technology with thoughtful design to create experiences that truly matter.", "Our mission is to make world-class web development accessible to businesses of all sizes through smart automation and strategic partnerships."]}
buttons={[{ text: "Meet Our Team", href: "/team" }]}
"We're a professional web development agency committed to delivering exceptional custom solutions. Our consultative approach ensures we fully understand your business goals before we begin.", "With over a decade of combined experience, we've partnered with hundreds of companies to create high-performing websites that drive real business results. We believe in building lasting relationships through transparent communication and expert craftsmanship.", "Our mission is to be your trusted partner in digital success, delivering bespoke web solutions that exceed expectations and create lasting value for your business."
]}
buttons={[{ text: "Start a Conversation", href: "/contact" }]}
showBorder={false}
useInvertedBackground={false}
/>
@@ -75,28 +79,34 @@ export default function HomePage() {
<div id="services" data-section="services">
<FeatureBorderGlow
title="Our Services"
description="Complete web development and automation solutions tailored to your business needs. From design to deployment, we've got you covered."
description="Comprehensive web development solutions customized for your business. From strategy and design to development and deployment, we handle every aspect of your project."
tag="Services"
tagIcon={Zap}
features={[
{
icon: Code,
title: "Custom Web Development", description: "Build responsive, high-performance websites using modern frameworks and best practices. Tailored solutions for your unique business needs."},
{
icon: Zap,
title: "Website Automation", description: "Automate repetitive tasks, integrate tools, and streamline workflows. Increase efficiency and reduce manual work across your web operations."},
title: "Custom Web Development", description: "Build responsive, high-performance websites using modern frameworks. Tailored solutions designed specifically for your business objectives and target audience."
},
{
icon: Palette,
title: "UI/UX Design", description: "Create beautiful, intuitive interfaces that users love. Our design-first approach ensures every pixel serves a purpose."},
title: "UI/UX Design", description: "Create beautiful, intuitive interfaces that your users love. Our design-first approach ensures every element serves a strategic purpose."
},
{
icon: Cpu,
title: "Performance Optimization", description: "Lightning-fast load times and smooth interactions. We optimize for SEO, conversions, and user experience."},
title: "Performance Optimization", description: "Lightning-fast load times and smooth interactions. We optimize for speed, SEO, and conversion performance to maximize your digital impact."
},
{
icon: Lock,
title: "Security & Compliance", description: "Enterprise-grade security, SSL certificates, and compliance with industry standards. Your data is protected."},
title: "Security & Compliance", description: "Enterprise-grade security, SSL certificates, and full compliance with industry standards. Your data and your customers' data are fully protected."
},
{
icon: TrendingUp,
title: "Analytics & Reporting", description: "Data-driven insights to understand your users, track performance, and make informed decisions about your website."},
title: "Analytics & Insights", description: "Data-driven understanding of your users and website performance. We help you make informed decisions backed by real metrics and insights."
},
{
icon: Zap,
title: "Strategic Consultation", description: "Expert guidance on web strategy, technology selection, and digital transformation. We partner with you as trusted advisors, not just vendors."
},
]}
animationType="slide-up"
textboxLayout="default"
@@ -106,14 +116,14 @@ export default function HomePage() {
<div id="metrics" data-section="metrics">
<MetricCardThree
title="Our Impact"
description="Real results for real businesses. Here's what we've achieved for our clients."
title="Our Track Record"
description="Real partnerships delivering real results. Here's what we've accomplished with our clients."
tag="Results"
metrics={[
{ id: "1", icon: Users, title: "Clients Served", value: "300+" },
{ id: "2", icon: Globe, title: "Projects Completed", value: "500+" },
{ id: "3", icon: TrendingUp, title: "Avg Performance Gain", value: "67%" },
{ id: "4", icon: Award, title: "Industry Awards", value: "12" },
{ id: "4", icon: Award, title: "Industry Recognition", value: "12" },
]}
animationType="slide-up"
textboxLayout="default"
@@ -123,18 +133,22 @@ export default function HomePage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Trusted by Innovators"
description="Hear from businesses that have transformed their digital presence with Webuild."
tag="Testimonials"
title="Trusted by Leading Companies"
description="Hear from businesses that have partnered with us for their web development needs."
tag="Client Stories"
testimonials={[
{
id: "1", title: "Transformed Our Digital Presence", quote: "Webuild completely redesigned our website and automated our entire sales funnel. The results were immediate—we saw a 45% increase in conversions within the first month.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-business-exec-1772556085798-89516a91.png?_wi=1", imageAlt: "Sarah Johnson"},
id: "1", title: "Transformed Our Web Presence", quote: "smartbiz helped us develop a custom web platform that perfectly aligns with our business model. Their consultative approach and attention to detail made all the difference.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-business-exec-1772556085798-89516a91.png?_wi=1", imageAlt: "Sarah Johnson"
},
{
id: "2", title: "Professional Excellence", quote: "The team at Webuild understands web development like no one else. They built us a custom SaaS platform that our users absolutely love. Their attention to detail is unmatched.", name: "Michael Chen", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-marketing-dir-1772556085875-919d8187.png?_wi=1", imageAlt: "Michael Chen"},
id: "2", title: "Expert Partners", quote: "Working with smartbiz felt like having a dedicated development team. They understood our requirements and delivered a solution that exceeded our expectations.", name: "Michael Chen", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-marketing-dir-1772556085875-919d8187.png?_wi=1", imageAlt: "Michael Chen"
},
{
id: "3", title: "Saved Us Hundreds of Hours", quote: "The automation solutions Webuild implemented have saved our team over 50 hours per month. We can now focus on strategy instead of manual tasks. Highly recommend!", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-startup-found-1772556085710-8ab57057.png?_wi=1", imageAlt: "Emily Rodriguez"},
id: "3", title: "Outstanding Support", quote: "The team at smartbiz provided exceptional support throughout our project and beyond. They're true partners invested in our success.", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-startup-found-1772556085710-8ab57057.png?_wi=1", imageAlt: "Emily Rodriguez"
},
{
id: "4", title: "Best Investment We Made", quote: "Working with Webuild was the best decision for our startup. They delivered a world-class website in record time, and their ongoing support is exceptional.", name: "David Kim", role: "CTO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-technology-di-1772556086481-b72ccadd.png", imageAlt: "David Kim"},
id: "4", title: "Best Decision for Our Growth", quote: "Choosing smartbiz was the best decision we made for our digital transformation. They delivered a world-class website and provided ongoing strategic guidance.", name: "David Kim", role: "CTO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-technology-di-1772556086481-b72ccadd.png", imageAlt: "David Kim"
},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -143,33 +157,33 @@ export default function HomePage() {
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
title="Let's Build Something Amazing"
description="Ready to transform your web presence? Contact us today for a free consultation. We'll discuss your goals and create a custom plan to achieve them."
tagIcon={Mail}
tag="Let's Talk"
title="Ready to Partner With Us?"
description="We specialize in personalized service. Contact us today to discuss your project. Our team will work with you to understand your goals and create a custom solution."
tagIcon={Phone}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/modern-collaborative-workspace-showing-d-1772556088258-1f3bf5a6.png?_wi=1"
imageAlt="Webuild team collaborating"
imageAlt="smartbiz team collaborating"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Get Started"
termsText="We respect your privacy. We'll only use your email to discuss your project and send relevant updates."
buttonText="Schedule Call"
termsText="We respect your privacy. We'll use your email only to contact you about your project and discuss how we can help."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Webuild"
copyrightText="© 2025 Webuild. All rights reserved. Crafting the future of web development."
logoText="smartbiz"
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
socialLinks={[
{ icon: Github, href: "https://github.com/webuild", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/webuild", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/webuilddev", ariaLabel: "Twitter" },
{ icon: Github, href: "https://github.com/smartbiz", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/smartbiz", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/smartbizdev", ariaLabel: "Twitter" },
]}
/>
</div>
</ThemeProvider>
);
}
}

55
src/app/portfolio/page.tsx
View File

@@ -6,13 +6,14 @@ import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Mail, Github, Linkedin, Twitter, Briefcase } from "lucide-react";
import Link from "next/link";
import { Mail, Github, Linkedin, Twitter, Briefcase, Phone } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
@@ -33,25 +34,28 @@ export default function PortfolioPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Webuild"
bottomLeftText="Digital Innovation"
bottomRightText="hello@webuild.dev"
brandName="smartbiz"
bottomLeftText="Professional Web Development"
bottomRightText="hello@smartbiz.dev"
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardFour
title="Featured Projects"
description="Showcase of our latest work. Each project demonstrates our commitment to quality, innovation, and delivering measurable results."
description="Showcase of our work with clients across various industries. Each project demonstrates our commitment to quality, innovation, and delivering measurable business results."
tag="Portfolio"
tagIcon={Briefcase}
products={[
{
id: "1", name: "E-Commerce Platform Redesign", price: "Conversion +45%", variant: "Shopify Integration Automated Workflows", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/beautiful-e-commerce-website-interface-s-1772556086970-89ed7fb5.png", imageAlt: "E-commerce website design"},
id: "1", name: "E-Commerce Platform Redesign", price: "Conversion +45%", variant: "Platform Redesign Enhanced UX", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/beautiful-e-commerce-website-interface-s-1772556086970-89ed7fb5.png", imageAlt: "E-commerce website design"
},
{
id: "2", name: "SaaS Dashboard Application", price: "User Engagement +120%", variant: "React & Node.js Real-time Analytics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/saas-application-dashboard-with-data-vis-1772556087193-04e94aed.png", imageAlt: "SaaS dashboard interface"},
id: "2", name: "Custom SaaS Application", price: "User Engagement +120%", variant: "Custom Development Real-time Analytics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/saas-application-dashboard-with-data-vis-1772556087193-04e94aed.png", imageAlt: "SaaS dashboard interface"
},
{
id: "3", name: "Corporate Website Automation", price: "Time Saved: 50hrs/month", variant: "Content Management Lead Generation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/corporate-website-homepage-for-a-technol-1772556089093-2f2623f7.png", imageAlt: "Corporate website homepage"},
id: "3", name: "Corporate Web Presence", price: "Lead Generation +85%", variant: "Custom Site Development Content Strategy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/corporate-website-homepage-for-a-technol-1772556089093-2f2623f7.png", imageAlt: "Corporate website homepage"
},
]}
textboxLayout="default"
gridVariant="uniform-all-items-equal"
@@ -63,15 +67,18 @@ export default function PortfolioPage() {
<div id="portfolio-testimonials" data-section="portfolio-testimonials">
<TestimonialCardTen
title="What Our Clients Say"
description="Real feedback from businesses we've worked with. Their success is our success."
description="Real feedback from the businesses we've partnered with. Their success is a testament to our commitment and expertise."
tag="Client Stories"
testimonials={[
{
id: "1", title: "Transformed Our Digital Presence", quote: "Webuild completely redesigned our website and automated our entire sales funnel. The results were immediate—we saw a 45% increase in conversions within the first month.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-business-exec-1772556085798-89516a91.png?_wi=2", imageAlt: "Sarah Johnson"},
id: "1", title: "Exceptional Partnership", quote: "smartbiz took the time to understand our business and delivered a custom solution that perfectly met our needs. Their professional approach and ongoing support have been invaluable.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-business-exec-1772556085798-89516a91.png?_wi=2", imageAlt: "Sarah Johnson"
},
{
id: "2", title: "Professional Excellence", quote: "The team at Webuild understands web development like no one else. They built us a custom SaaS platform that our users absolutely love. Their attention to detail is unmatched.", name: "Michael Chen", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-marketing-dir-1772556085875-919d8187.png?_wi=2", imageAlt: "Michael Chen"},
id: "2", title: "Professional Excellence", quote: "The team at smartbiz delivered a custom platform that exceeded all our expectations. Their technical expertise and consultative approach made them true partners in our success.", name: "Michael Chen", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-marketing-dir-1772556085875-919d8187.png?_wi=2", imageAlt: "Michael Chen"
},
{
id: "3", title: "Saved Us Hundreds of Hours", quote: "The automation solutions Webuild implemented have saved our team over 50 hours per month. We can now focus on strategy instead of manual tasks. Highly recommend!", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-startup-found-1772556085710-8ab57057.png?_wi=2", imageAlt: "Emily Rodriguez"},
id: "3", title: "Outstanding Service", quote: "Working with smartbiz felt like having a dedicated development team. They provided expert guidance and delivered a solution that transformed our business.", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/professional-headshot-of-a-startup-found-1772556085710-8ab57057.png?_wi=2", imageAlt: "Emily Rodriguez"
},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -81,9 +88,9 @@ export default function PortfolioPage() {
<div id="contact" data-section="contact">
<ContactSplit
tag="Inspired by Our Work?"
title="Start Your Project Today"
description="Let's create something amazing together. We'd love to hear about your vision and help bring it to life with exceptional web development and automation."
tagIcon={Mail}
title="Let's Build Something Great Together"
description="Contact us to discuss your project. We'd love to partner with you and create a custom solution that drives your business forward."
tagIcon={Phone}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/modern-collaborative-workspace-showing-d-1772556088258-1f3bf5a6.png?_wi=3"
@@ -91,22 +98,22 @@ export default function PortfolioPage() {
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Start Project"
termsText="We respect your privacy. We'll only use your email to discuss your project."
buttonText="Schedule Call"
termsText="We respect your privacy. We'll use your email only to contact you about your project."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Webuild"
copyrightText="© 2025 Webuild. All rights reserved. Crafting the future of web development."
logoText="smartbiz"
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
socialLinks={[
{ icon: Github, href: "https://github.com/webuild", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/webuild", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/webuilddev", ariaLabel: "Twitter" },
{ icon: Github, href: "https://github.com/smartbiz", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/smartbiz", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/smartbizdev", ariaLabel: "Twitter" },
]}
/>
</div>
</ThemeProvider>
);
}
}

105
src/app/pricing/page.tsx
View File

@@ -2,17 +2,18 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Mail, Github, Linkedin, Twitter } from "lucide-react";
import Link from "next/link";
import { Mail, Github, Linkedin, Twitter, HelpCircle, Phone, Briefcase } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
@@ -33,64 +34,62 @@ export default function PricingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Webuild"
bottomLeftText="Digital Innovation"
bottomRightText="hello@webuild.dev"
brandName="smartbiz"
bottomLeftText="Professional Web Development"
bottomRightText="hello@smartbiz.dev"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Flexible Pricing Plans"
description="Choose the perfect plan for your project. All plans include ongoing support and regular updates."
<div id="pricing-intro" data-section="pricing-intro">
<FeatureBorderGlow
title="Flexible Engagement Models"
description="We understand that every project is unique. Rather than rigid pricing tiers, we work with you to create a custom engagement model that fits your specific needs and budget."
tag="Pricing"
tagIcon={Briefcase}
features={[
{
icon: Briefcase,
title: "Project-Based Engagement", description: "Fixed pricing for well-defined projects. You know exactly what you'll pay upfront. Includes all development, design, and testing."
},
{
icon: HelpCircle,
title: "Time & Materials", description: "For projects with evolving requirements. You pay for the time and resources used. Ideal for ongoing development and enhancements."
},
{
icon: Phone,
title: "Retainer Partnership", description: "Monthly retainer for ongoing support and maintenance. Perfect for businesses needing continuous updates and improvements."
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "starter", title: "Starter", price: "$2,999", period: "one-time", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/designer-working-on-responsive-website-m-1772556087273-060ae977.png?_wi=2", imageAlt: "Starter plan", button: { text: "Get Started", href: "/contact" },
features: [
"5-page website", "Responsive design", "Basic SEO optimization", "Contact form", "3 months support"],
},
{
id: "professional", title: "Professional", price: "$7,999", period: "one-time", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/developer-coding-modern-web-applications-1772556086863-87ad7072.png?_wi=2", imageAlt: "Professional plan", button: { text: "Get Started", href: "/contact" },
features: [
"Unlimited pages", "Custom design", "Advanced SEO", "E-commerce integration", "Automation setup", "12 months support"],
},
{
id: "enterprise", title: "Enterprise", price: "Custom", period: "quote", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/abstract-visualization-of-website-automa-1772556087854-f79afd8a.png?_wi=2", imageAlt: "Enterprise plan", button: { text: "Contact Us", href: "/contact" },
features: [
"Fully custom solution", "Complex integrations", "API development", "Advanced automation", "Dedicated support team", "Ongoing optimization"],
},
]}
/>
</div>
<div id="pricing-faq" data-section="pricing-faq">
<FaqBase
title="Pricing FAQ"
description="Common questions about our pricing, payment options, and what's included in each plan."
title="Pricing & Payment FAQ"
description="Common questions about our pricing, how we structure engagements, and payment options."
tag="FAQ"
faqs={[
{
id: "1", title: "What payment methods do you accept?", content:
"We accept all major credit cards (Visa, Mastercard, American Express), bank transfers, and PayPal. We can also set up custom payment plans for enterprise projects."},
id: "1", title: "How do you determine project pricing?", content: "During our consultation, we understand your requirements, scope, and timeline. We then provide a detailed proposal with transparent pricing that breaks down all costs."
},
{
id: "2", title: "Can you customize a plan for my specific needs?", content:
"Absolutely! Our pricing plans are starting points. We can customize any plan to include additional features, integrations, or services. Contact us for a personalized quote."},
id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards, bank transfers, PayPal, and can arrange custom payment schedules for larger projects. We'll discuss payment terms during the proposal phase."
},
{
id: "3", title: "What happens after the initial project is complete?", content:
"All our plans include ongoing support. For the Starter plan, you get 3 months of support. Professional includes 12 months. After that, we offer maintenance packages starting at $299/month."},
id: "3", title: "Can you customize a package for my specific needs?", content: "Absolutely. Most of our engagements are customized. We work with you to understand your budget, timeline, and requirements, then create a tailored solution."
},
{
id: "4", title: "Are there any hidden fees?", content:
"No hidden fees. What we quote is what you pay. The price includes all services mentioned in the plan. Any additional requests beyond the scope will be discussed and quoted separately."},
id: "4", title: "What happens if the project goes over budget?", content: "We manage scope carefully to stay on budget. If additional work is needed beyond the original scope, we discuss it with you and provide a new estimate before proceeding."
},
{
id: "5", title: "Do you offer discounts for long-term partnerships?", content:
"Yes! For clients interested in ongoing partnerships and multiple projects, we offer volume discounts and preferential pricing. Let's discuss your long-term goals."},
id: "5", title: "Do you offer maintenance packages?", content: "Yes. After launch, we offer flexible maintenance and support packages ranging from hourly rates to monthly retainers. Options are customized to your needs."
},
{
id: "6", title: "What's included in the support period?", content:
"Support includes bug fixes, security updates, performance monitoring, minor feature enhancements, and technical assistance. Major feature additions may be quoted separately."},
id: "6", title: "Are there volume discounts for multiple projects?", content: "Yes. For clients engaging us for multiple projects or longer-term partnerships, we offer preferential pricing. Contact us to discuss your specific situation."
},
]}
faqsAnimation="slide-up"
textboxLayout="default"
@@ -101,10 +100,10 @@ export default function PricingPage() {
<div id="contact" data-section="contact">
<ContactSplit
tag="Let's Talk Pricing"
title="Need a Custom Quote?"
description="Every project is unique. Tell us about your requirements and we'll create a personalized proposal that fits your budget and timeline."
tagIcon={Mail}
tag="Get a Custom Quote"
title="Ready to Discuss Your Project?"
description="Contact us to schedule a consultation. We'll learn about your requirements and provide a personalized proposal that fits your budget and timeline."
tagIcon={Phone}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/modern-collaborative-workspace-showing-d-1772556088258-1f3bf5a6.png?_wi=4"
@@ -112,22 +111,22 @@ export default function PricingPage() {
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Request Quote"
termsText="We respect your privacy. We'll only use your email to send your custom quote and project information."
buttonText="Schedule Call"
termsText="We respect your privacy. We'll use your email only to contact you about your project and provide a custom quote."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Webuild"
copyrightText="© 2025 Webuild. All rights reserved. Crafting the future of web development."
logoText="smartbiz"
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
socialLinks={[
{ icon: Github, href: "https://github.com/webuild", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/webuild", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/webuilddev", ariaLabel: "Twitter" },
{ icon: Github, href: "https://github.com/smartbiz", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/smartbiz", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/smartbizdev", ariaLabel: "Twitter" },
]}
/>
</div>
</ThemeProvider>
);
}
}

74
src/app/services/page.tsx
View File

@@ -6,13 +6,14 @@ import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/F
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Code, Zap, Palette, Cpu, Lock, TrendingUp, Mail, Github, Linkedin, Twitter, Package } from "lucide-react";
import Link from "next/link";
import { Code, Zap, Palette, Cpu, Lock, TrendingUp, Mail, Github, Linkedin, Twitter, Package, Phone } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "Pricing", id: "/pricing" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
@@ -33,37 +34,43 @@ export default function ServicesPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={navItems}
brandName="Webuild"
bottomLeftText="Digital Innovation"
bottomRightText="hello@webuild.dev"
brandName="smartbiz"
bottomLeftText="Professional Web Development"
bottomRightText="hello@smartbiz.dev"
/>
</div>
<div id="services" data-section="services">
<FeatureBorderGlow
title="Our Complete Service Offering"
description="We deliver comprehensive web development and automation solutions designed to transform your business. Each service is tailored to your unique needs."
title="Our Service Offerings"
description="We provide comprehensive web development services tailored to your specific business needs. Every engagement begins with a thorough consultation to ensure we deliver exactly what you require."
tag="Services"
tagIcon={Zap}
features={[
{
icon: Code,
title: "Custom Web Development", description: "Build responsive, high-performance websites using modern frameworks and best practices. Tailored solutions for your unique business needs."},
{
icon: Zap,
title: "Website Automation", description: "Automate repetitive tasks, integrate tools, and streamline workflows. Increase efficiency and reduce manual work across your web operations."},
title: "Custom Web Development", description: "Build responsive, high-performance websites using modern frameworks. Tailored solutions designed specifically for your business objectives and target audience."
},
{
icon: Palette,
title: "UI/UX Design", description: "Create beautiful, intuitive interfaces that users love. Our design-first approach ensures every pixel serves a purpose."},
title: "UI/UX Design", description: "Create beautiful, intuitive interfaces that your users love. Our design-first approach ensures every element serves a strategic purpose."
},
{
icon: Cpu,
title: "Performance Optimization", description: "Lightning-fast load times and smooth interactions. We optimize for SEO, conversions, and user experience."},
title: "Performance Optimization", description: "Lightning-fast load times and smooth interactions. We optimize for speed, SEO, and conversion performance to maximize your digital impact."
},
{
icon: Lock,
title: "Security & Compliance", description: "Enterprise-grade security, SSL certificates, and compliance with industry standards. Your data is protected."},
title: "Security & Compliance", description: "Enterprise-grade security, SSL certificates, and full compliance with industry standards. Your data and your customers' data are fully protected."
},
{
icon: TrendingUp,
title: "Analytics & Reporting", description: "Data-driven insights to understand your users, track performance, and make informed decisions about your website."},
title: "Analytics & Insights", description: "Data-driven understanding of your users and website performance. We help you make informed decisions backed by real metrics and insights."
},
{
icon: Zap,
title: "Strategic Consultation", description: "Expert guidance on web strategy, technology selection, and digital transformation. We partner with you as trusted advisors, not just vendors."
},
]}
animationType="slide-up"
textboxLayout="default"
@@ -73,17 +80,20 @@ export default function ServicesPage() {
<div id="service-showcase" data-section="service-showcase">
<ProductCardFour
title="Service Packages"
description="Choose the service package that best fits your needs, or mix and match for a custom solution."
title="Service Engagement Models"
description="Choose the engagement model that best fits your needs, or let us create a custom approach for your specific requirements."
tag="Offerings"
tagIcon={Package}
products={[
{
id: "1", name: "Website Design & Development", price: "Starting $2,999", variant: "Custom Design Responsive Layout", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/designer-working-on-responsive-website-m-1772556087273-060ae977.png?_wi=1", imageAlt: "Website design service"},
id: "1", name: "Website Design & Development", price: "Starting $3,999", variant: "Custom Design Full Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/designer-working-on-responsive-website-m-1772556087273-060ae977.png?_wi=1", imageAlt: "Website design service"
},
{
id: "2", name: "Web Automation & Integration", price: "Starting $1,999", variant: "API Integration Workflow Automation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/abstract-visualization-of-website-automa-1772556087854-f79afd8a.png?_wi=1", imageAlt: "Automation integration service"},
id: "2", name: "Web Integration & Enhancement", price: "Starting $2,499", variant: "Third-party Integration System Enhancement", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/abstract-visualization-of-website-automa-1772556087854-f79afd8a.png?_wi=1", imageAlt: "Integration service"
},
{
id: "3", name: "Performance & Optimization", price: "Starting $999", variant: "Speed Optimization SEO Enhancement", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/developer-coding-modern-web-applications-1772556086863-87ad7072.png?_wi=1", imageAlt: "Performance optimization service"},
id: "3", name: "Performance & Optimization", price: "Starting $1,499", variant: "Speed Optimization SEO Enhancement", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/developer-coding-modern-web-applications-1772556086863-87ad7072.png?_wi=1", imageAlt: "Performance optimization service"
},
]}
textboxLayout="default"
gridVariant="uniform-all-items-equal"
@@ -94,10 +104,10 @@ export default function ServicesPage() {
<div id="contact" data-section="contact">
<ContactSplit
tag="Ready to Get Started?"
title="Let's Discuss Your Project"
description="Tell us about your project and we'll create a custom proposal tailored to your needs. Our team is ready to help you succeed."
tagIcon={Mail}
tag="Let's Discuss Your Project"
title="Ready to Get Started?"
description="Contact us to schedule a consultation. We'll learn about your project, answer your questions, and create a custom proposal tailored to your needs and budget."
tagIcon={Phone}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARWjA802o7PKeHYkcYoaQioEb8/modern-collaborative-workspace-showing-d-1772556088258-1f3bf5a6.png?_wi=2"
@@ -105,22 +115,22 @@ export default function ServicesPage() {
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Get Started"
termsText="We respect your privacy. We'll only use your email to discuss your project needs."
buttonText="Schedule Call"
termsText="We respect your privacy. We'll use your email only to contact you about your project."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Webuild"
copyrightText="© 2025 Webuild. All rights reserved. Crafting the future of web development."
logoText="smartbiz"
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
socialLinks={[
{ icon: Github, href: "https://github.com/webuild", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/webuild", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/webuilddev", ariaLabel: "Twitter" },
{ icon: Github, href: "https://github.com/smartbiz", ariaLabel: "GitHub" },
{ icon: Linkedin, href: "https://linkedin.com/company/smartbiz", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/smartbizdev", ariaLabel: "Twitter" },
]}
/>
</div>
</ThemeProvider>
);
}
}