…scoped to a single GallerySection component. It will feature:

  • A quiet off-white canvas.
  • A horizontal scroll/filter bar with category chips and a prominent “Filters” control, using only icons from the installed set.
  • App-style cards in a soft grid with rounded corners and pale gray fills.
  • A lift-on-hover state for cards.
  • Use the bundled placeholder artwork for card visuals.
  • Responsive, with plain utility-class styling.

Let's proceed.

Add gallery scaffold
View code

A new showcase landing page in the spirit of your reference is now wired to the main route, with a filter/tab bar, a search field, and visually distinct app cards.

External commit

Use tech stack kite_axon_layerkit_ts

Ask Loomcraft…
Read only. Connect a Git remote if you want to push edits back to your repository.
src/pages/Index.tsx
1import Masthead from "@/components/Masthead";
2import SplashSection from "@/components/SplashSection";
3import CapabilitiesSection from "@/components/CapabilitiesSection";
4import WhyPickUsSection from "@/components/WhyPickUsSection";
5import ProjectsSection from "@/components/ProjectsSection";
6import VoicesSection from "@/components/VoicesSection";
7import ContactSection from "@/components/ContactSection";
8import Colophon from "@/components/Colophon";
9import GallerySection from "@/components/GallerySection";
10
11const Index = () => {
12 return (
13 <div className="min-h-screen bg-[#f6f5f2]">
14 <GallerySection />
15 </div>
16 );
17};
18
19export default Index;
20