Update src/app/about/page.tsx
This commit is contained in:
@@ -1,22 +1,22 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Instagram, Linkedin, Twitter, Mail } from "lucide-react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Instagram, Linkedin, Twitter, Mail, Lightbulb, Users, Target } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "#services-overview" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -39,94 +39,93 @@ export default function AboutPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-story" data-section="about-story">
|
||||
<FeatureCardTwentyThree
|
||||
title="Building Websites That Actually Convert"
|
||||
description="NickToPixels was founded on a simple belief: web design shouldn't be complicated, expensive, or slow. Local Toronto businesses deserve professional, fast web solutions without the enterprise pricing."
|
||||
features={[
|
||||
{
|
||||
id: "value-1",
|
||||
title: "Speed Matters",
|
||||
tags: ["3-7 Days", "No Long Waits"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAcvqI0IFhWz9EwREGjXu0WNvG/illustration-of-website-launch-celebrati-1773935711780-4fe2661c.png?_wi=2",
|
||||
imageAlt: "Illustration of website launch celebration"
|
||||
},
|
||||
{
|
||||
id: "value-2",
|
||||
title: "Affordability First",
|
||||
tags: ["$899 Starting", "No Hidden Costs"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAcvqI0IFhWz9EwREGjXu0WNvG/clean-modern-illustration-of-a-basic-web-1773935711623-c7416504.png?_wi=3",
|
||||
imageAlt: "Clean, modern illustration of a website package"
|
||||
},
|
||||
{
|
||||
id: "value-3",
|
||||
title: "Local Expertise",
|
||||
tags: ["GTA Based", "Understands Toronto"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAcvqI0IFhWz9EwREGjXu0WNvG/illustration-of-a-creative-discovery-cal-1773935714880-17bdc309.png?_wi=2",
|
||||
imageAlt: "Illustration of a creative discovery call"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Our Mission"
|
||||
tagIcon={undefined}
|
||||
<div id="company-story" data-section="company-story">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
tagIcon={Lightbulb}
|
||||
tagAnimation="slide-up"
|
||||
carouselMode="buttons"
|
||||
title="Built by a Web Designer, For Local Businesses"
|
||||
description="NickToPixels started with a simple mission: prove that quality web design doesn't have to be expensive or complicated."
|
||||
subdescription="After years working at agencies, I saw businesses struggling with slow timelines and inflated budgets. So I created a streamlined process that delivers stunning websites in 3-7 days at prices that won't break the bank. Every site we build is crafted with one goal in mind—converting visitors into customers."
|
||||
icon={Target}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAcvqI0IFhWz9EwREGjXu0WNvG/illustration-of-a-web-designer-working-o-1773935714295-5e7c8c7f.png?_wi=1"
|
||||
imageAlt="Web designer working on laptop"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trusted-by" data-section="trusted-by" className="social-proof-wrapper">
|
||||
<SocialProofOne
|
||||
names={[
|
||||
"Toronto Chamber of Commerce",
|
||||
"GTA Business Network",
|
||||
"ISED Canada",
|
||||
"Local Business Bureau",
|
||||
"Startup Toronto",
|
||||
"Web Professionals Canada",
|
||||
"Digital Toronto",
|
||||
"Small Biz GTA"
|
||||
]}
|
||||
title="Trusted by Toronto Businesses & Organizations"
|
||||
description="We've helped hundreds of local businesses, startups, and organizations establish their online presence and grow."
|
||||
tag="Industry Recognized"
|
||||
tagIcon={undefined}
|
||||
tagAnimation="slide-up"
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
title="Meet the Team Behind Your Website"
|
||||
description="A dedicated group of designers, developers, and strategists committed to your success."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
tag="Our Team"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
animationType="scale-rotate"
|
||||
groups={[
|
||||
{
|
||||
id: "design-team", groupTitle: "Design & Development", members: [
|
||||
{
|
||||
id: "nick", title: "Nick", subtitle: "Founder & Lead Designer", detail: "Web Designer | Brand Strategist | 8+ years in digital design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAcvqI0IFhWz9EwREGjXu0WNvG/professional-headshot-of-a-confident-mal-1773935711567-a0bd5f8e.png?_wi=1", imageAlt: "Nick - Founder"},
|
||||
{
|
||||
id: "alex", title: "Alex", subtitle: "Full-Stack Developer", detail: "React Specialist | Performance Optimization | Toronto-based", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAcvqI0IFhWz9EwREGjXu0WNvG/professional-headshot-of-a-distinguished-1773935713362-894a53c8.png?_wi=1", imageAlt: "Alex - Developer"},
|
||||
{
|
||||
id: "jordan", title: "Jordan", subtitle: "UX/UI Designer", detail: "User Experience Focus | Conversion Optimization", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAcvqI0IFhWz9EwREGjXu0WNvG/professional-headshot-of-a-female-fitnes-1773935711339-852b68f5.png?_wi=1", imageAlt: "Jordan - UX Designer"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "support-team", groupTitle: "Strategy & Support", members: [
|
||||
{
|
||||
id: "casey", title: "Casey", subtitle: "SEO Specialist", detail: "Search Optimization | Content Strategy | Local SEO Expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAcvqI0IFhWz9EwREGjXu0WNvG/professional-headshot-of-a-smiling-femal-1773935711800-8c62d304.png?_wi=1", imageAlt: "Casey - SEO Specialist"},
|
||||
{
|
||||
id: "morgan", title: "Morgan", subtitle: "Client Success Lead", detail: "Project Management | Client Relations | Dedicated Support", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAcvqI0IFhWz9EwREGjXu0WNvG/professional-headshot-of-a-female-restau-1773935712170-60e5d814.png?_wi=1", imageAlt: "Morgan - Client Success"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer" className="footer-wrapper">
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactSplit
|
||||
tag="Let's Work Together"
|
||||
title="Ready to Transform Your Online Presence?"
|
||||
description="Whether you're just starting out or looking to revamp your website, we're here to help. Schedule a free consultation to discuss your vision."
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "animated-grid"}}
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAcvqI0IFhWz9EwREGjXu0WNvG/illustration-of-team-collaboration-succes-1773935712893-7f4d8a9e.png?_wi=1"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Start Your Project"
|
||||
termsText="We respect your privacy. No spam, ever. We'll only reach out about your website project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="NickToPixels"
|
||||
copyrightText="© 2025 NickToPixels. Web Design for Toronto Businesses. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/nicktopixels",
|
||||
ariaLabel: "Follow us on Instagram"
|
||||
},
|
||||
href: "https://instagram.com/nicktopixels", ariaLabel: "Follow us on Instagram"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/nicktopixels",
|
||||
ariaLabel: "Connect on LinkedIn"
|
||||
},
|
||||
href: "https://linkedin.com/company/nicktopixels", ariaLabel: "Connect on LinkedIn"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/nicktopixels",
|
||||
ariaLabel: "Follow us on Twitter"
|
||||
},
|
||||
href: "https://twitter.com/nicktopixels", ariaLabel: "Follow us on Twitter"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:hello@nicktopixels.ca",
|
||||
ariaLabel: "Email us"
|
||||
}
|
||||
href: "mailto:hello@nicktopixels.ca", ariaLabel: "Email us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user