Coolify

storefront/public/about/a.txt

@@ -0,0 +1 @@
+

storefront/public/icons/a.txt

@@ -0,0 +1 @@
+

storefront/src/app/[countryCode]/(main)/About/page.tsx

@@ -0,0 +1,66 @@
+import Image from "next/image"
+
+export default function AboutPage() {
+  return (
+    <section className="px-6 py-20 font-sans tracking-wide text-base text-black">
+      <h1 className="text-4xl uppercase font-bold tracking-widest mb-12 text-center">
+        GMORKL – wearable art made in Cologne
+      </h1>
+
+      <div className="w-full max-w-3xl mx-auto mb-12">
+        <div className="relative w-full aspect-[3/2] rounded-xl overflow-hidden shadow-lg">
+          <Image
+            src="/about/mascha.jpg"
+            alt="Masha Rodigina"
+            fill
+            className="object-cover object-center"
+            priority
+          />
+        </div>
+      </div>
+
+      <div className="max-w-2xl mx-auto space-y-6 leading-relaxed">
+        <p>
+          GMORKL is an art project by visual artist and designer Masha Rodigina,
+          based in Cologne, Germany. Specializing in handprinted, one-of-a-kind
+          T-shirts and textiles, GMORKL brings together art, fashion, and activism.
+        </p>
+
+        <p>
+          Each item is handprinted using silkscreen techniques on Fairtrade,
+          organic cotton. From sketches on paper to digital experiments, every
+          GMORKL piece is born as an artwork — then transformed into wearable art.
+          No mass production. No replicas. Just unique fashion statements with soul.
+        </p>
+
+        <p>
+          At GMORKL, we believe clothing should tell stories. That art should be
+          worn. That a T-shirt can be a political message, a poetic gesture, or a
+          symbol of independent culture.
+        </p>
+
+        <p>
+          In this store, you’ll also find not only a limited selection of art prints
+          and original illustrations but also artworks made by Mascha's friends.
+        </p>
+
+        <h2 className="text-xl uppercase font-bold mt-10 tracking-wider">Why Choose GMORKL?</h2>
+        <ul className="list-disc list-inside mt-4 space-y-1">
+          <li>100% Organic & Fairtrade Cotton</li>
+          <li>Handprinted in Cologne’s Kolbhalle Artist Community and DingFabrik</li>
+          <li>Each piece is unique — no two prints are 100% identical</li>
+          <li>Fashion with meaning, rooted in contemporary art</li>
+          <li>Supports the independent art scene in Germany</li>
+        </ul>
+
+        <p className="mt-6">
+          Whether you're looking for a meaningful gift, a statement shirt, or a
+          collector's item, GMORKL offers art pieces that connect art, identity and
+          democratic values.
+        </p>
+
+        <p className="font-semibold mt-6">• Support independent art and wear your values.</p>
+      </div>
+    </section>
+  )
+}

storefront/src/app/[countryCode]/(main)/Gallery/page.tsx

@@ -0,0 +1,49 @@
+"use client"
+
+import Image from "next/image"
+import { useState } from "react"
+
+const images = [
+  "/gallery/img1.jpg",
+  "/gallery/img2.jpg",
+  "/gallery/img3.jpg",
+  "/gallery/img4.jpg",
+  "/gallery/img5.jpg",
+]
+
+export default function GalleryPage() {
+  const [count, setCount] = useState(1)
+
+  const loadMore = () => {
+    setCount(count + 1)
+  }
+
+  return (
+    <div className="px-6 py-20 font-sans tracking-wide">
+      <h1 className="text-4xl font-bold uppercase mb-10 text-center">Gallery</h1>
+      <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
+        {Array(count)
+          .fill(images)
+          .flat()
+          .map((src, i) => (
+            <div key={i} className="aspect-[3/4] relative overflow-hidden rounded-lg">
+              <Image
+                src={src}
+                alt={`Gallery ${i}`}
+                fill
+                className="object-cover"
+              />
+            </div>
+          ))}
+      </div>
+      <div className="text-center mt-10">
+        <button
+          onClick={loadMore}
+          className="px-6 py-2 bg-black text-white uppercase tracking-wider text-sm hover:bg-neutral-800"
+        >
+          Load More
+        </button>
+      </div>
+    </div>
+  )
+}

storefront/src/app/[countryCode]/(main)/categories/[...category]/page.tsx

@@ -57,7 +57,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
       `${title} category.`
 
     return {
-      title: `${title} | Medusa Store`,
+      title: `${title} | Gmorkl Store`,
       description,
       alternates: {
         canonical: `${params.category.join("/")}`,

storefront/src/app/[countryCode]/(main)/layout.tsx.bak

@@ -0,0 +1,28 @@
+import { getBaseURL } from "@lib/util/env"
+import { Metadata } from "next"
+
+import Nav from "@modules/layout/templates/nav"
+import Footer from "@modules/layout/templates/footer"
+import "styles/globals.css"
+
+export const metadata: Metadata = {
+  metadataBase: new URL(getBaseURL()),
+}
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en" data-mode="light">
+      <head>
+        <link
+          href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400&display=swap"
+          rel="stylesheet"
+        />
+      </head>
+      <body className="font-sans tracking-wide text-base antialiased bg-white text-black">
+        <Nav />
+        <main className="relative min-h-screen">{children}</main>
+        <Footer />
+      </body>
+    </html>
+  )
+}

storefront/src/app/[countryCode]/(main)/page.tsx

@@ -1,36 +1,36 @@
-import { Metadata } from "next"
+"use client"
 
-import FeaturedProducts from "@modules/home/components/featured-products"
-import Hero from "@modules/home/components/hero"
-import { getCollectionsWithProducts } from "@lib/data/collections"
-import { getRegion } from "@lib/data/regions"
+import Link from "next/link"
+import { usePathname } from "next/navigation"
 
-export const metadata: Metadata = {
-  title: "Medusa Next.js Starter Template",
-  description:
-    "A performant frontend ecommerce starter template with Next.js 14 and Medusa.",
-}
+export default function Home() {
+  const pathname = usePathname()
+  const countryCode = pathname.split("/")[1] || "de" // fallback на "de"
 
-export default async function Home({
-  params: { countryCode },
-}: {
-  params: { countryCode: string }
-}) {
-  const collections = await getCollectionsWithProducts(countryCode)
-  const region = await getRegion(countryCode)
+  return (
+    <div className="relative w-full h-screen overflow-hidden bg-black text-white font-sans">
+      <video
+        className="absolute inset-0 w-full h-full object-cover"
+        src="/flower_power_AI.mp4"
+        autoPlay
+        muted
+        loop
+        playsInline
+      />
 
-  if (!collections || !region) {
-    return null
-  }
+      {/* Контент поверх видео */}
+      <div className="absolute inset-0 flex flex-col justify-center items-start pl-20 z-10">
+        <h1 className="text-4xl font-[505] uppercase tracking-wider drop-shadow-md">
+          GMORKL SPRING COLLECTION
+        </h1>
 
-  return (
-    <>
-      <Hero />
-      <div className="py-12">
-        <ul className="flex flex-col gap-x-6">
-          <FeaturedProducts collections={collections} region={region} />
-        </ul>
+        <Link
+          href={`/${countryCode}/store`}
+          className="mt-0.5 px-6 py-2 border border-white text-base font-semibold tracking-wide uppercase bg-white/10 hover:bg-white/30 transition-colors"
+        >
+          DISCOVER WEARABLE ART FROM COLOGNE
+        </Link>
       </div>
-    </>
+    </div>
   )
 }

storefront/src/app/[countryCode]/(main)/store/page.tsx

@@ -1,5 +1,4 @@
 import { Metadata } from "next"
-
 import { SortOptions } from "@modules/store/components/refinement-list/sort-products"
 import StoreTemplate from "@modules/store/templates"
 
@@ -12,20 +11,27 @@ type Params = {
   searchParams: {
     sortBy?: SortOptions
     page?: string
+    categoryId?: string
+    collectionId?: string
   }
   params: {
     countryCode: string
   }
 }
 
 export default async function StorePage({ searchParams, params }: Params) {
-  const { sortBy, page } = searchParams
+  const { sortBy, page, categoryId, collectionId } = searchParams
 
   return (
-    <StoreTemplate
-      sortBy={sortBy}
-      page={page}
-      countryCode={params.countryCode}
-    />
+    <div className="px-4 sm:px-8">
+      <h1 className="text-4xl font-[505] tracking-wider mb-6">All Products</h1>
+      <StoreTemplate
+        sortBy={sortBy}
+        page={page}
+        categoryId={categoryId}
+        collectionId={collectionId}
+        countryCode={params.countryCode}
+      />
+    </div>
   )
 }

storefront/src/app/[countryCode]/about/page.tsx

@@ -0,0 +1,62 @@
+import Image from "next/image"
+
+export default function AboutPage() {
+  return (
+    <div className="w-full px-4 md:px-8 py-12">
+      <div className="max-w-3xl mx-auto space-y-10">
+        <div className="relative w-full aspect-square rounded-xl overflow-hidden shadow-lg">
+          <Image
+            src="/about/mascha.jpg"
+            alt="Mascha Rodigina"
+            fill
+            className="object-cover object-top"
+            priority
+          />
+        </div>
+
+        <div className="space-y-6 leading-relaxed text-left text-base md:text-lg">
+          <h1 className="text-3xl md:text-4xl font-bold uppercase tracking-wide">
+            GMORKL – Wearable Art Made in Cologne
+          </h1>
+
+          <p>
+            GMORKL is an art project by visual artist and designer Masha Rodigina, based in Cologne, Germany. Specializing in handprinted, one-of-a-kind T-shirts and textiles, GMORKL brings together art, fashion, and activism.
+          </p>
+
+          <p>
+            Each item is handprinted using silkscreen techniques on Fairtrade, organic cotton. From sketches on paper to digital experiments, every GMORKL piece is born as an artwork — then transformed into wearable art. No mass production. No replicas. Just unique fashion statements with soul.
+          </p>
+
+          <p>
+            At GMORKL, we believe clothing should tell stories. That art should be worn. That a T-shirt can be a political message, a poetic gesture, or a symbol of independent culture.
+          </p>
+
+          <p>
+            In this store, you’ll also find not only a limited selection of art prints and original illustrations but also artworks made by Mascha&apos;s friends.
+          </p>
+
+          <div className="mt-8">
+            <h2 className="text-xl uppercase font-bold mb-4 tracking-wider">
+              Why Choose GMORKL?
+            </h2>
+            <ul className="list-disc list-inside space-y-2">
+              <li>100% Organic & Fairtrade Cotton</li>
+              <li>Handprinted in Cologne’s Kolbhalle Artist Community and DingFabrik</li>
+              <li>Each piece is unique — no two prints are 100% identical</li>
+              <li>Fashion with meaning, rooted in contemporary art</li>
+              <li>Supports the independent art scene in Germany</li>
+            </ul>
+          </div>
+
+          <p className="mt-8">
+            Whether you're looking for a meaningful gift, a statement shirt, or a collector's item, GMORKL offers art pieces that connect art, identity and democratic values.
+          </p>
+
+          <p className="font-semibold mt-4">
+            • Support independent art and wear your values.
+          </p>
+        </div>
+      </div>
+    </div>
+  )
+}