Initial commit

2026-01-15 13:35:24 +02:00
commit 5542af36b9
262 changed files with 50096 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,138 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Leaf, Award, Flame, Users } from "lucide-react";
+import Link from "next/link";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="largeSmallSizeMediumTitles"
+      background="aurora"
+      cardStyle="solid"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Morning"
+          navItems={[
+            { name: "Products", id: "/products" },
+            { name: "About", id: "#about" },
+            { name: "Contact", id: "/contact" },
+            { name: "Reviews", id: "/" }
+          ]}
+          button={{ text: "Shop Now", href: "/products" }}
+          className="rounded-full shadow-lg"
+          navItemClassName="font-medium"
+          buttonClassName="font-semibold"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="About Morning"
+          description="We believe every cup should be exceptional. Morning sources the finest teas and coffees from ethical suppliers worldwide, celebrating the craft and tradition behind each brew."
+          tag="Our Story"
+          bulletPoints={[
+            {
+              title: "Ethically Sourced",
+              description: "Direct partnerships with farmers ensuring fair trade and sustainable practices",
+              icon: Leaf
+            },
+            {
+              title: "Expert Selection",
+              description: "Handpicked beans and leaves curated by our experienced tasting team",
+              icon: Award
+            },
+            {
+              title: "Small Batch Roasting",
+              description: "Fresh roasts prepared in small quantities for maximum flavor and quality",
+              icon: Flame
+            },
+            {
+              title: "Community Focused",
+              description: "Building a community of coffee and tea lovers who appreciate quality",
+              icon: Users
+            }
+          ]}
+          imageSrc="https://img.b2bpic.net/free-photo/green-tea-leaves-field_53876-95115.jpg"
+          imageAlt="Premium tea leaves and brewing"
+          imagePosition="right"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          titleClassName="text-4xl font-bold mb-6"
+          descriptionClassName="text-base leading-relaxed mb-8"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardSixteen
+          title="Why Choose Morning"
+          description="See the difference quality and care make in every cup"
+          tag="Our Difference"
+          negativeCard={{
+            items: [
+              "Mass-produced blends",
+              "Unknown origins",
+              "Stale inventory",
+              "Inconsistent quality"
+            ]
+          }}
+          positiveCard={{
+            items: [
+              "Small-batch roasted to order",
+              "Traceable sourcing",
+              "Fresh roasts delivered monthly",
+              "Rigorous quality testing"
+            ]
+          }}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground="invertDefault"
+          titleClassName="text-4xl font-bold mb-4"
+          descriptionClassName="text-base mb-8"
+        />
+      </div>
+
+      <FooterBaseReveal
+        columns={[
+          {
+            title: "Shop",
+            items: [
+              { label: "Coffee", href: "/products" },
+              { label: "Tea", href: "/products" },
+              { label: "Brewing Guides", href: "#about" }
+            ]
+          },
+          {
+            title: "Company",
+            items: [
+              { label: "About Us", href: "#about" },
+              { label: "Sustainability", href: "#about" },
+              { label: "Contact", href: "/contact" }
+            ]
+          },
+          {
+            title: "Connect",
+            items: [
+              { label: "Instagram", href: "https://instagram.com" },
+              { label: "Facebook", href: "https://facebook.com" },
+              { label: "Newsletter", href: "/contact" }
+            ]
+          }
+        ]}
+        copyrightText="© 2025 Morning | Premium Tea & Coffee Store"
+      />
+    </ThemeProvider>
+  );
+}