Files
alva/felsokning/app/src/components/GallerySection.tsx
T
Claude 301c477e25 Merge main: Guidad Felsökning flyttar ur roten till felsokning/
Main är sedan den här grenen skapades en helt annan produkt — Semantika,
en mobilapp med egen CDK-infrastruktur. Den äger nu repots rot: en
npm-workspaces-monorepo med apps/mobile, services/api och infra.

För att båda ska rymmas i samma repo flyttar Guidad Felsökning in i en
egen katalog i stället för att göra anspråk på roten:

  felsokning/app        webbklienten (Vite, egen package.json och
                        eslint-/vitest-konfiguration)
  felsokning/services   plattformstjänsten och AI-orkestern
  felsokning/infra      Terraform och databasschemat
  felsokning/docs       vision, moduler, drift
  felsokning/supabase   edge-funktion och migrationer

Merge:n hade tagit bort 128 filer som Guidad Felsökning bygger på —
värdapplikationens komponenter, Supabase-klienten, tillgångar — eftersom
main raderat dem och den här grenen inte råkat ändra just dem. De är
återställda på sin nya plats. Utan dem gick varken bygget eller
testerna: ai.ts och synk.ts importerar Supabase-klienten.

Semantikas rotfiler är orörda: package.json, eslint.config.js och
.github/workflows/ är deras. Guidad Felsökning har egna motsvarigheter i
sin katalog.

CI flyttar samtidigt från GitHub Actions till .gitea/workflows — samma
syntax, egna runners. .github/workflows/ tillhör Semantika härefter.

Verifierat på den nya platsen: 96 vitest-tester, typkontroll, eslint på
både klient och tjänster, bygge, och integrationstest mot riktig Postgres.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012EQg3rJsrQ1ZNTvkzmQAtt
2026-08-04 12:22:49 +00:00

51 lines
1.7 KiB
TypeScript

import bakery1 from "@/assets/bakery-1.jpg";
import bakery2 from "@/assets/bakery-2.jpg";
import bakery3 from "@/assets/bakery-3.jpg";
import bakery4 from "@/assets/bakery-4.jpg";
import bakery5 from "@/assets/bakery-5.jpg";
import bakery6 from "@/assets/bakery-6.jpg";
const images = [
{ src: bakery1, alt: "Kanelbullar" },
{ src: bakery2, alt: "Prinsesstårta" },
{ src: bakery3, alt: "Sorterade kakor" },
{ src: bakery4, alt: "Hantverksbageri" },
{ src: bakery5, alt: "Kardemummabullar" },
{ src: bakery6, alt: "Företagsleverans" },
];
const GallerySection = () => {
return (
<section id="gallery" className="py-24 px-6 bg-card">
<div className="max-w-5xl mx-auto">
{/* Image grid with classic frames */}
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
{images.map((image, index) => (
<div
key={index}
className="group"
>
{/* Classic frame effect */}
<div className="relative p-3 bg-background border border-border card-classic">
<div className="overflow-hidden">
<img
src={image.src}
alt={image.alt}
className="w-full h-56 object-cover transition-transform duration-500 group-hover:scale-105 sepia-[.15]"
/>
</div>
<p className="text-center mt-3 font-display text-lg text-muted-foreground italic">
{image.alt}
</p>
</div>
</div>
))}
</div>
</div>
</section>
);
};
export default GallerySection;