Add src/app/about/page.tsx
This commit is contained in:
138
src/app/about/page.tsx
Normal file
138
src/app/about/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user