Bob AI: Add about page

src/App.tsx

@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import AboutPage from "@/pages/AboutPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/about" element={<AboutPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -15,7 +15,9 @@ export default function Layout() {
   {
     "name": "Testimonials",
     "href": "#testimonials"
-  }
+  },
+  { name: "About", href: "/about" },
+
 ];
 
   return (

src/pages/AboutPage.tsx

@@ -0,0 +1,101 @@
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered"; // Corrected import path
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit";
+import TestimonialQuoteCards from "@/components/sections/testimonial/TestimonialQuoteCards";
+import FaqSimple from "@/components/sections/faq/FaqSimple";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function AboutPage() {
+  return (
+    <div className="flex flex-col min-h-screen bg-background text-foreground">
+      <NavbarCentered
+        logo="Webild"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Get Started", href: "/contact" }}
+      />
+
+      <main className="flex-grow">
+        <HeroSplit
+          title="About Our Mission"
+          description="We are dedicated to empowering creators and businesses with innovative tools and solutions."
+          primaryCta={{ text: "Learn More", href: "/features" }}
+          secondaryCta={{ text: "Contact Us", href: "/contact" }}
+          media={{ type: "image", src: "https://images.unsplash.com/photo-1519389950473-47576a19d59f?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Our Team" }}
+        />
+
+        <AboutFeaturesSplit
+          title="Our Core Values"
+          description="Driving innovation, fostering collaboration, and ensuring customer success."
+          features={[
+            {
+              title: "Innovation",
+              description: "Constantly pushing boundaries to deliver cutting-edge solutions.",
+              icon: "💡",
+            },
+            {
+              title: "Integrity",
+              description: "Operating with honesty and transparency in all our dealings.",
+              icon: "🤝",
+            },
+            {
+              title: "Customer Focus",
+              description: "Prioritizing our users' needs to build impactful products.",
+              icon: "🌟",
+            },
+          ]}
+          media={{ type: "image", src: "https://images.unsplash.com/photo-1552581234-263901700e48?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Team working" }}
+        />
+
+        <TestimonialQuoteCards
+          title="What Our Partners Say"
+          description="Hear from those who have experienced the Webild difference."
+          testimonials={[
+            {
+              quote: "Webild transformed our workflow and boosted our productivity significantly.",
+              name: "Jane Doe",
+              title: "CEO, Tech Solutions",
+              image: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+            },
+            {
+              quote: "The team at Webild is incredibly supportive and their platform is top-notch.",
+              name: "John Smith",
+              title: "Founder, Creative Agency",
+              image: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+            },
+          ]}
+        />
+
+        <FaqSimple
+          title="Frequently Asked Questions"
+          description="Find answers to common questions about Webild and our services."
+          faqs={[
+            {
+              question: "What is Webild?",
+              answer: "Webild is a platform designed to help businesses and creators build and manage their online presence with ease.",
+            },
+            {
+              question: "How do I get started?",
+              answer: "You can sign up for a free trial on our homepage or contact our sales team for a personalized demo.",
+            },
+            {
+              question: "Do you offer customer support?",
+              answer: "Yes, we offer 24/7 customer support via email, chat, and phone for all our premium plans.",
+            },
+          ]}
+        />
+      </main>
+
+      <FooterSimple
+        logo="Webild"
+        description="Empowering your digital journey."
+        socialLinks={[
+          { name: "Facebook", href: "#" },
+          { name: "Twitter", href: "#" },
+          { name: "LinkedIn", href: "#" },
+        ]}
+        copyright="© 2024 Webild. All rights reserved."
+      />
+    </div>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/about', label: 'About', pageFile: 'AboutPage' },
 ];