Merge version_7_1776892438194 into main #6
@@ -2,11 +2,13 @@ import { Routes, Route } from "react-router-dom";
|
||||
import HomePage from "@/pages/HomePage";
|
||||
import PlansPage from "@/pages/PlansPage";
|
||||
|
||||
import AboutPage from "@/pages/AboutPage";
|
||||
export default function App() {
|
||||
return (
|
||||
<Routes>
|
||||
<Route path="/" element={<HomePage />} />
|
||||
<Route path="/plans" element={<PlansPage />} />
|
||||
<Route path="/about" element={<AboutPage />} />
|
||||
</Routes>
|
||||
);
|
||||
}
|
||||
|
||||
117
src/pages/AboutPage.tsx
Normal file
117
src/pages/AboutPage.tsx
Normal file
@@ -0,0 +1,117 @@
|
||||
import NavbarCentered from "@/components/ui/NavbarCentered";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
|
||||
import TestimonialQuoteCards from "@/components/sections/testimonial/TestimonialQuoteCards";
|
||||
import ContactCta from "@/components/sections/contact/ContactCta";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<div className="flex min-h-screen flex-col bg-background text-foreground">
|
||||
<NavbarCentered
|
||||
logo="FlowSync"
|
||||
navItems={[
|
||||
{ name: "Features", href: "/#features" },
|
||||
{ name: "Pricing", href: "/#pricing" },
|
||||
{ name: "About", href: "/about" },
|
||||
{ name: "FAQ", href: "/#faq" },
|
||||
{ name: "Plans", href: "/plans" },
|
||||
]}
|
||||
ctaButton={{ text: "Get Started", href: "/plans" }}
|
||||
/>
|
||||
<main className="flex-grow">
|
||||
<HeroSplit
|
||||
tag="Our Story"
|
||||
title="Empowering Teams to Do Their Best Work"
|
||||
description="We started FlowSync with a simple belief: work shouldn't feel like a struggle. Our mission is to eliminate friction and help teams focus on what truly matters."
|
||||
primaryButton={{ text: "View Plans", href: "/plans" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "#contact" }}
|
||||
imageSrc="https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=800&q=80"
|
||||
/>
|
||||
|
||||
<AboutFeaturesSplit
|
||||
tag="Core Values"
|
||||
title="What Drives Us Forward"
|
||||
description="Our values are the foundation of everything we build. They guide our decisions, shape our culture, and ensure we always put our users first."
|
||||
items={[
|
||||
{
|
||||
icon: "Zap",
|
||||
title: "Speed & Simplicity",
|
||||
description: "We believe in removing unnecessary steps. Our tools are designed to be intuitive and lightning-fast.",
|
||||
},
|
||||
{
|
||||
icon: "Shield",
|
||||
title: "Trust & Security",
|
||||
description: "Your data is your business. We build with enterprise-grade security from day one.",
|
||||
},
|
||||
{
|
||||
icon: "Users",
|
||||
title: "Collaboration First",
|
||||
description: "Great things are never done by one person. We design for seamless teamwork and communication.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=800&q=80"
|
||||
/>
|
||||
|
||||
<section className="py-20 bg-card text-foreground">
|
||||
<div className="w-content-width mx-auto">
|
||||
<div className="flex flex-col items-center gap-3 md:gap-2 mb-16">
|
||||
<span className="px-3 py-1 text-sm card rounded bg-background">Our Team</span>
|
||||
<h2 className="text-4xl md:text-5xl font-medium text-center text-balance">Meet the Minds Behind FlowSync</h2>
|
||||
<p className="md:max-w-6/10 text-lg leading-tight text-center opacity-75">We are a diverse group of engineers, designers, and problem-solvers dedicated to making your work life easier.</p>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8">
|
||||
{[
|
||||
{ name: "Alex Rivera", role: "CEO & Founder", img: "https://images.unsplash.com/photo-1560250097-0b93528c311a?auto=format&fit=crop&w=400&q=80" },
|
||||
{ name: "Sarah Chen", role: "Head of Product", img: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=400&q=80" },
|
||||
{ name: "Michael Foster", role: "Lead Engineer", img: "https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?auto=format&fit=crop&w=400&q=80" },
|
||||
{ name: "Elena Rodriguez", role: "Design Director", img: "https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&w=400&q=80" }
|
||||
].map(member => (
|
||||
<div key={member.name} className="flex flex-col items-center gap-4">
|
||||
<div className="w-32 h-32 rounded-full overflow-hidden border-4 border-background shadow-lg">
|
||||
<img src={member.img} alt={member.name} className="w-full h-full object-cover" />
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<h3 className="text-xl font-medium">{member.name}</h3>
|
||||
<p className="text-sm opacity-75">{member.role}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<TestimonialQuoteCards
|
||||
tag="Our Impact"
|
||||
title="Hear From Our Community"
|
||||
description="Don't just take our word for it. See how FlowSync is transforming the way teams work around the globe."
|
||||
testimonials={[
|
||||
{ quote: "FlowSync has completely changed how our engineering team operates. We're shipping 30% faster.", name: "David Kim", role: "VP of Engineering, TechCorp", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=200&q=80" },
|
||||
{ quote: "The most intuitive productivity tool I've ever used. It actually gets out of your way.", name: "Jessica Alba", role: "Product Manager, InnovateX", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=200&q=80" },
|
||||
{ quote: "Customer support is phenomenal, and the platform is rock solid. Highly recommended.", name: "Marcus Johnson", role: "Operations Director, GlobalScale", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=200&q=80" }
|
||||
]}
|
||||
/>
|
||||
|
||||
<div id="contact">
|
||||
<ContactCta
|
||||
tag="Join Us"
|
||||
text="Ready to transform your workflow?"
|
||||
primaryButton={{ text: "Get Started for Free", href: "/plans" }}
|
||||
secondaryButton={{ text: "Contact Sales", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<FooterSimple
|
||||
brand="FlowSync"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/plans" }, { label: "Security", href: "/#security" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Careers", href: "/about" }, { label: "Blog", href: "/#blog" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyright="© 2024 FlowSync Productivity Inc. All rights reserved."
|
||||
links={[]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -7,4 +7,5 @@ export interface Route {
|
||||
export const routes: Route[] = [
|
||||
{ path: '/', label: 'Home', pageFile: 'HomePage' },
|
||||
{ path: '/plans', label: 'Plans', pageFile: 'PlansPage' },
|
||||
{ path: '/about', label: 'About', pageFile: 'AboutPage' },
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user