Add src/app/about/page.tsx
This commit is contained in:
181
src/app/about/page.tsx
Normal file
181
src/app/about/page.tsx
Normal file
@@ -0,0 +1,181 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Award, Zap, MessageSquare, Send } from 'lucide-react';
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Design Axis"
|
||||
navItems={[
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-hero" data-section="about-hero">
|
||||
<MediaAbout
|
||||
title="Transforming Brands Since 2020"
|
||||
description="Design Axis was founded with a simple mission: to help ambitious brands transform their digital presence and achieve measurable growth."
|
||||
tag="Our Story"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Work With Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-134863.jpg"
|
||||
imageAlt="Design Axis Team"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mission" data-section="mission">
|
||||
<FeatureCardTwentyOne
|
||||
title="Our Mission & Values"
|
||||
description="We believe great design goes beyond aesthetics. It's about creating meaningful experiences that drive real business results."
|
||||
tag="What Drives Us"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1", title: "Strategic Excellence", content: "We don't just design—we strategize. Every decision is backed by research, data, and deep market understanding to ensure maximum impact and ROI."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Creative Innovation", content: "We push boundaries and challenge conventions. Our team stays at the forefront of design trends and technology to deliver cutting-edge solutions."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Transparent Partnership", content: "Communication is key. We keep you informed every step of the way with regular updates, clear metrics, and honest conversations about progress and opportunities."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Measurable Results", content: "Success is defined by your business goals. We establish clear KPIs, track progress meticulously, and continuously optimize to deliver exceptional ROI."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Client Success", content: "Your growth is our growth. We invest deeply in understanding your business, industry, and challenges to become true partners in your success journey."
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-desk-top-view_23-2149930937.jpg"
|
||||
imageAlt="Our Values"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it—hear from the founders, CMOs, and leaders we've partnered with."
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageSquare}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Design Axis transformed our brand presence completely", quote: "Working with Design Axis was a game-changer for our company. They understood our vision, delivered on time, and the results exceeded our expectations. Our website conversion rate increased by 45% in the first three months.", name: "Michael Rodriguez", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Professional team that truly understands ROI", quote: "As a CMO, I've worked with many agencies. Design Axis stands out for their data-driven approach and transparent communication. They didn't just design—they strategized our growth trajectory.", name: "Sarah Chen", role: "Chief Marketing Officer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg", imageAlt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Best investment we made for our e-commerce store", quote: "Our e-commerce platform went from 50 to 500 daily orders after Design Axis redesigned our site. The UX improvements and checkout optimization were phenomenal. Highly recommended.", name: "James Park", role: "E-commerce Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-successful-businessman-smiling-holding-tablet-office_176420-918.jpg", imageAlt: "James Park"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Enterprise-grade support with creative excellence", quote: "Scaling with Design Axis has been seamless. Their dedicated project manager, technical expertise, and creative vision align perfectly with our enterprise requirements. They're true partners, not vendors.", name: "Lisa Thompson", role: "VP of Digital Strategy", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageAlt: "Lisa Thompson"
|
||||
},
|
||||
{
|
||||
id: "5", title: "Transparent pricing and exceptional delivery", quote: "No hidden costs, no scope creep—just honest communication and brilliant execution. Design Axis delivered our entire digital transformation on budget and ahead of schedule.", name: "David Kim", role: "Operations Director", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-using-touchpad-while-relaxing-staircase-looking-camera_637285-10976.jpg", imageAlt: "David Kim"
|
||||
},
|
||||
{
|
||||
id: "6", title: "Strategic partnership that drives real results", quote: "Five years of working with Design Axis has been invaluable. They've become an extension of our team, constantly innovating and pushing us to achieve more. Our market position has never been stronger.", name: "Emma Watson", role: "COO", imageSrc: "http://img.b2bpic.net/free-photo/joyful-businesswoman-holding-tablet_74855-2024.jpg", imageAlt: "Emma Watson"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Work Together?"
|
||||
tagIcon={Send}
|
||||
tagAnimation="slide-up"
|
||||
title="Let's Start a Conversation"
|
||||
description="Whether you're curious about our process, want to discuss your project, or just want to say hello, we'd love to connect. Reach out and let's explore how we can help your brand grow."
|
||||
buttons={[
|
||||
{ text: "Schedule Free Consultation", href: "#contact" },
|
||||
{ text: "View Our Work", href: "/" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-desk-luxurious-loft-apartment-with-modern-minimalist-design_482257-126418.jpg"
|
||||
imageAlt="Design Axis Creative Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Services", href: "/" },
|
||||
{ label: "Portfolio", href: "/" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Brand Strategy", href: "/" },
|
||||
{ label: "Web Design", href: "/" },
|
||||
{ label: "E-commerce", href: "/" },
|
||||
{ label: "Digital Marketing", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Schedule Call", href: "#contact" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Design Axis"
|
||||
copyrightText="© 2025 Design Axis. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user