Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5ed8316b0a | |||
| aacb6805cb | |||
| 0f7500124a | |||
| 38af0197d5 | |||
| 38204e4105 | |||
| e0a009c890 | |||
| 39897dd93d | |||
| 307df9b31e | |||
| 86b3793575 | |||
| 0e42109789 | |||
| 29055ccde6 |
@@ -1,138 +0,0 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
@@ -6,14 +6,13 @@ 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 Link from "next/link";
|
||||
import { Mail, Github, Linkedin, Twitter, Phone } from "lucide-react";
|
||||
import { Mail, Github, Linkedin, Twitter } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
@@ -34,54 +33,54 @@ export default function ContactPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="smartbiz"
|
||||
bottomLeftText="Professional Web Development"
|
||||
bottomRightText="hello@smartbiz.dev"
|
||||
brandName="Webuild"
|
||||
bottomLeftText="Digital Innovation"
|
||||
bottomRightText="hello@webuild.dev"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
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}
|
||||
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}
|
||||
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"
|
||||
imageAlt="Webuild 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 your project and discuss how we can help."
|
||||
buttonText="Get Started"
|
||||
termsText="We respect your privacy. We'll only use your email to discuss your project and send relevant updates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-faq" data-section="contact-faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our process, services, and how to get started with smartbiz."
|
||||
title="Contact & Support FAQ"
|
||||
description="Find answers to common questions about how to reach us and what to expect from your initial consultation."
|
||||
tag="Help"
|
||||
faqs={[
|
||||
{
|
||||
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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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."
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -92,19 +91,16 @@ export default function ContactPage() {
|
||||
|
||||
<div id="contact-testimonials" data-section="contact-testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Clients Say About Working With Us"
|
||||
description="Hear from businesses that have partnered with us for their web development needs."
|
||||
title="Why Clients Choose Webuild"
|
||||
description="See what makes us different and why businesses trust us with their web presence."
|
||||
tag="Client Stories"
|
||||
testimonials={[
|
||||
{
|
||||
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: "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: "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: "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: "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"
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -113,15 +109,15 @@ export default function ContactPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="smartbiz"
|
||||
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved. Crafting the future of web development."
|
||||
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" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -9,21 +9,18 @@ const archivo = Archivo({
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
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"),
|
||||
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"),
|
||||
alternates: {
|
||||
canonical: "https://smartbiz.dev"
|
||||
},
|
||||
canonical: "https://webuild.dev"},
|
||||
openGraph: {
|
||||
title: "Professional Web Development Agency", description: "Custom web development services for businesses.", url: "https://smartbiz.dev", siteName: "smartbiz", type: "website", images: [
|
||||
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: [
|
||||
{
|
||||
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"
|
||||
},
|
||||
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"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
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"
|
||||
],
|
||||
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"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
@@ -1413,4 +1410,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
116
src/app/page.tsx
116
src/app/page.tsx
@@ -9,14 +9,13 @@ 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 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";
|
||||
import { Code, Zap, Palette, Cpu, Lock, TrendingUp, Users, Globe, Award, Mail, Github, Linkedin, Twitter } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
@@ -37,27 +36,25 @@ export default function HomePage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="smartbiz"
|
||||
bottomLeftText="Professional Web Development"
|
||||
bottomRightText="hello@smartbiz.dev"
|
||||
brandName="Webuild"
|
||||
bottomLeftText="Digital Innovation"
|
||||
bottomRightText="hello@webuild.dev"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
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."
|
||||
logoText="WEBUILD"
|
||||
description="Create stunning, automated websites that drive results. We build powerful digital experiences and streamline your web development process."
|
||||
buttons={[
|
||||
{ text: "Schedule a Call", href: "/contact" },
|
||||
{ text: "Start Your Project", 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}
|
||||
@@ -66,11 +63,10 @@ export default function HomePage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="About smartbiz"
|
||||
title="About Webuild"
|
||||
description={[
|
||||
"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" }]}
|
||||
"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" }]}
|
||||
showBorder={false}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -79,34 +75,28 @@ export default function HomePage() {
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
title="Our Services"
|
||||
description="Comprehensive web development solutions customized for your business. From strategy and design to development and deployment, we handle every aspect of your project."
|
||||
description="Complete web development and automation solutions tailored to your business needs. From design to deployment, we've got you covered."
|
||||
tag="Services"
|
||||
tagIcon={Zap}
|
||||
features={[
|
||||
{
|
||||
icon: Code,
|
||||
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 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 speed, SEO, and conversion performance to maximize your digital impact."
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
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 & Insights", description: "Data-driven understanding of your users and website performance. We help you make informed decisions backed by real metrics and insights."
|
||||
},
|
||||
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: "Strategic Consultation", description: "Expert guidance on web strategy, technology selection, and digital transformation. We partner with you as trusted advisors, not just vendors."
|
||||
},
|
||||
title: "Website Automation", description: "Automate repetitive tasks, integrate tools, and streamline workflows. Increase efficiency and reduce manual work across your web operations."},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "UI/UX Design", description: "Create beautiful, intuitive interfaces that users love. Our design-first approach ensures every pixel serves a purpose."},
|
||||
{
|
||||
icon: Cpu,
|
||||
title: "Performance Optimization", description: "Lightning-fast load times and smooth interactions. We optimize for SEO, conversions, and user experience."},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Security & Compliance", description: "Enterprise-grade security, SSL certificates, and compliance with industry standards. Your data is protected."},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Analytics & Reporting", description: "Data-driven insights to understand your users, track performance, and make informed decisions about your website."},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -116,14 +106,14 @@ export default function HomePage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="Our Track Record"
|
||||
description="Real partnerships delivering real results. Here's what we've accomplished with our clients."
|
||||
title="Our Impact"
|
||||
description="Real results for real businesses. Here's what we've achieved for 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 Recognition", value: "12" },
|
||||
{ id: "4", icon: Award, title: "Industry Awards", value: "12" },
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -133,22 +123,18 @@ export default function HomePage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="Trusted by Leading Companies"
|
||||
description="Hear from businesses that have partnered with us for their web development needs."
|
||||
tag="Client Stories"
|
||||
title="Trusted by Innovators"
|
||||
description="Hear from businesses that have transformed their digital presence with Webuild."
|
||||
tag="Testimonials"
|
||||
testimonials={[
|
||||
{
|
||||
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: "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: "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: "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: "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: "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: "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"
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -157,33 +143,33 @@ export default function HomePage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
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}
|
||||
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}
|
||||
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="smartbiz team collaborating"
|
||||
imageAlt="Webuild 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 your project and discuss how we can help."
|
||||
buttonText="Get Started"
|
||||
termsText="We respect your privacy. We'll only use your email to discuss your project and send relevant updates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="smartbiz"
|
||||
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved. Crafting the future of web development."
|
||||
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" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -6,14 +6,13 @@ 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 Link from "next/link";
|
||||
import { Mail, Github, Linkedin, Twitter, Briefcase, Phone } from "lucide-react";
|
||||
import { Mail, Github, Linkedin, Twitter, Briefcase } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
@@ -34,28 +33,25 @@ export default function PortfolioPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="smartbiz"
|
||||
bottomLeftText="Professional Web Development"
|
||||
bottomRightText="hello@smartbiz.dev"
|
||||
brandName="Webuild"
|
||||
bottomLeftText="Digital Innovation"
|
||||
bottomRightText="hello@webuild.dev"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
title="Featured Projects"
|
||||
description="Showcase of our work with clients across various industries. Each project demonstrates our commitment to quality, innovation, and delivering measurable business results."
|
||||
description="Showcase of our latest work. Each project demonstrates our commitment to quality, innovation, and delivering measurable results."
|
||||
tag="Portfolio"
|
||||
tagIcon={Briefcase}
|
||||
products={[
|
||||
{
|
||||
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: "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: "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: "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: "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"
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -67,18 +63,15 @@ export default function PortfolioPage() {
|
||||
<div id="portfolio-testimonials" data-section="portfolio-testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from the businesses we've partnered with. Their success is a testament to our commitment and expertise."
|
||||
description="Real feedback from businesses we've worked with. Their success is our success."
|
||||
tag="Client Stories"
|
||||
testimonials={[
|
||||
{
|
||||
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: "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: "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: "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: "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"
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -88,9 +81,9 @@ export default function PortfolioPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Inspired by Our Work?"
|
||||
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}
|
||||
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}
|
||||
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"
|
||||
@@ -98,22 +91,22 @@ export default function PortfolioPage() {
|
||||
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 your project."
|
||||
buttonText="Start Project"
|
||||
termsText="We respect your privacy. We'll only use your email to discuss your project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="smartbiz"
|
||||
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved. Crafting the future of web development."
|
||||
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" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,18 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import Link from "next/link";
|
||||
import { Mail, Github, Linkedin, Twitter, HelpCircle, Phone, Briefcase } from "lucide-react";
|
||||
import { Mail, Github, Linkedin, Twitter } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
@@ -34,62 +33,64 @@ export default function PricingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="smartbiz"
|
||||
bottomLeftText="Professional Web Development"
|
||||
bottomRightText="hello@smartbiz.dev"
|
||||
brandName="Webuild"
|
||||
bottomLeftText="Digital Innovation"
|
||||
bottomRightText="hello@webuild.dev"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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."
|
||||
<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."
|
||||
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 & Payment FAQ"
|
||||
description="Common questions about our pricing, how we structure engagements, and payment options."
|
||||
title="Pricing FAQ"
|
||||
description="Common questions about our pricing, payment options, and what's included in each plan."
|
||||
tag="FAQ"
|
||||
faqs={[
|
||||
{
|
||||
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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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."
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -100,10 +101,10 @@ export default function PricingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
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}
|
||||
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}
|
||||
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"
|
||||
@@ -111,22 +112,22 @@ export default function PricingPage() {
|
||||
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 your project and provide a custom quote."
|
||||
buttonText="Request Quote"
|
||||
termsText="We respect your privacy. We'll only use your email to send your custom quote and project information."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="smartbiz"
|
||||
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved. Crafting the future of web development."
|
||||
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" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -6,14 +6,13 @@ 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 Link from "next/link";
|
||||
import { Code, Zap, Palette, Cpu, Lock, TrendingUp, Mail, Github, Linkedin, Twitter, Package, Phone } from "lucide-react";
|
||||
import { Code, Zap, Palette, Cpu, Lock, TrendingUp, Mail, Github, Linkedin, Twitter, Package } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
@@ -34,43 +33,37 @@ export default function ServicesPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="smartbiz"
|
||||
bottomLeftText="Professional Web Development"
|
||||
bottomRightText="hello@smartbiz.dev"
|
||||
brandName="Webuild"
|
||||
bottomLeftText="Digital Innovation"
|
||||
bottomRightText="hello@webuild.dev"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
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."
|
||||
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."
|
||||
tag="Services"
|
||||
tagIcon={Zap}
|
||||
features={[
|
||||
{
|
||||
icon: Code,
|
||||
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 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 speed, SEO, and conversion performance to maximize your digital impact."
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
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 & Insights", description: "Data-driven understanding of your users and website performance. We help you make informed decisions backed by real metrics and insights."
|
||||
},
|
||||
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: "Strategic Consultation", description: "Expert guidance on web strategy, technology selection, and digital transformation. We partner with you as trusted advisors, not just vendors."
|
||||
},
|
||||
title: "Website Automation", description: "Automate repetitive tasks, integrate tools, and streamline workflows. Increase efficiency and reduce manual work across your web operations."},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "UI/UX Design", description: "Create beautiful, intuitive interfaces that users love. Our design-first approach ensures every pixel serves a purpose."},
|
||||
{
|
||||
icon: Cpu,
|
||||
title: "Performance Optimization", description: "Lightning-fast load times and smooth interactions. We optimize for SEO, conversions, and user experience."},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Security & Compliance", description: "Enterprise-grade security, SSL certificates, and compliance with industry standards. Your data is protected."},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Analytics & Reporting", description: "Data-driven insights to understand your users, track performance, and make informed decisions about your website."},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -80,20 +73,17 @@ export default function ServicesPage() {
|
||||
|
||||
<div id="service-showcase" data-section="service-showcase">
|
||||
<ProductCardFour
|
||||
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."
|
||||
title="Service Packages"
|
||||
description="Choose the service package that best fits your needs, or mix and match for a custom solution."
|
||||
tag="Offerings"
|
||||
tagIcon={Package}
|
||||
products={[
|
||||
{
|
||||
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: "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: "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: "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: "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"
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -104,10 +94,10 @@ export default function ServicesPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
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}
|
||||
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}
|
||||
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"
|
||||
@@ -115,22 +105,22 @@ export default function ServicesPage() {
|
||||
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 your project."
|
||||
buttonText="Get Started"
|
||||
termsText="We respect your privacy. We'll only use your email to discuss your project needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="smartbiz"
|
||||
copyrightText="© 2025 smartbiz. All rights reserved. Professional web development solutions."
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved. Crafting the future of web development."
|
||||
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" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user