Initial commit

2026-01-15 12:13:33 +02:00
commit 213b31688f
262 changed files with 50096 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,117 @@
+"use client";
+
+import Link from "next/link";
+import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { ThemeProvider } from '@/components/ui/ThemeProvider';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="largeSizeMediumTitles"
+      background="aurora"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="layered"
+      showBlurBottom={false}
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleMinimal
+          brandName="Bloom & Petals"
+          button={{
+            text: "Shop Now",
+            href: "/products"
+          }}
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <InlineImageSplitTextAbout
+          heading={[
+            { type: "text", content: "Passionate about creating" },
+            { type: "image", src: "https://img.b2bpic.net/free-photo/high-angle-beautiful-boho-flowers_23-2149526052.jpg", alt: "Beautiful flowers" },
+            { type: "text", content: "moments of joy since 2010" }
+          ]}
+          useInvertedBackground="noInvert"
+          buttons={[
+            { text: "Our Story", href: "#" }
+          ]}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureProcessSteps
+          title="Your Perfect Bouquet in Three Easy Steps"
+          description="We've streamlined the process of ordering beautiful flowers so you can focus on what matters—celebrating the people you care about."
+          tag="How We Work"
+          useInvertedBackground="noInvert"
+          steps={[
+            {
+              number: "01",
+              title: "Choose Your Flowers",
+              description: "Browse our curated collection of fresh, premium arrangements or customize your own.",
+              tag: "Selection"
+            },
+            {
+              number: "02",
+              title: "Add Personal Touch",
+              description: "Include a heartfelt message, select delivery date, and add special add-ons like chocolates or candles.",
+              tag: "Customization"
+            },
+            {
+              number: "03",
+              title: "Fast Delivery",
+              description: "We'll arrange, package, and deliver your flowers with care straight to the recipient's door.",
+              tag: "Delivery"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="Bloom & Petals"
+          columns={[
+            {
+              items: [
+                { label: "Shop", href: "/products" },
+                { label: "Arrangements", href: "#" },
+                { label: "Custom Orders", href: "#" },
+                { label: "Subscriptions", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Our Team", href: "#" },
+                { label: "Story", href: "#" },
+                { label: "Blog", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Contact", href: "/contact" },
+                { label: "Support", href: "#" },
+                { label: "Delivery Info", href: "#" },
+                { label: "FAQ", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" },
+                { label: "Sitemap", href: "#" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}