Add src/app/about/page.tsx

2026-06-11 20:58:10 +00:00
parent d88d063d86
commit 5fa5984e67
1 changed files with 66 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,66 @@
+"use client";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function AboutPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Products", id: "/products" },
+    { name: "About Us", id: "/about" },
+    { name: "Contact", id: "/contact" },
+    { name: "FAQ", id: "/faq" }
+  ];
+  const footerColumns = [
+    { items: [{ label: "Urban Bikes", href: "/products" }, { label: "Mountain Bikes", href: "/products" }, { label: "Folding Bikes", href: "/products" }, { label: "Accessories", href: "/products" }] },
+    { items: [{ label: "About Us", href: "/about" }, { label: "Our Story", href: "/about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+    { items: [{ label: "FAQ", href: "/faq" }, { label: "Support", href: "/contact" }, { label: "Warranty", href: "#" }, { label: "Privacy Policy", href: "#" }] }
+  ];
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="E-Bike Emporium"
+          navItems={navItems}
+        />
+      </div>
+      <div id="about-section" data-section="about-section">
+        <SplitAbout
+          title="Our Story: Powering Your Journey"
+          description="At E-Bike Emporium, we believe in a greener, more active future. Since 20XX, we've been dedicated to providing high-quality electric bikes that blend innovative technology with sustainable urban and adventure mobility. Our passion drives us to curate the best e-bikes on the market, ensuring every ride is exhilarating and eco-conscious."
+          bulletPoints={[
+            { title: "Innovation", description: "Leading the charge with cutting-edge e-bike technology." },
+            { title: "Sustainability", description: "Committed to eco-friendly transport solutions." },
+            { title: "Community", description: "Building a network of passionate riders worldwide." }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/group-business-people-office_23-2147775510.jpg?_wi=1"
+          imageAlt="Team working on bikes"
+          mediaAnimation="slide-up"
+          imagePosition="right"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoSrc="http://img.b2bpic.net/free-photo/adorable-illustration-animal-bike_23-2151850288.jpg"
+          logoAlt="E-Bike Emporium Logo"
+          logoText="E-Bike Emporium"
+          columns={footerColumns}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}