Features (Variant 1)

Feature sections
React
Astro
Svelte
Html
ColorSwatch
Supabase
Mongodb
Json
Firebase
---
import { Image } from "astro:assets";
import Smartphone from "@/assets/templates/tres/smartphone.png";
import TresDarkLogo from "@/assets/templates/tres/tres-dark-logo.svg";
---

<section class="relative pt-20 2xl:pt-40">
  <div class="container px-4 mx-auto mb-16 md:mb-24">
    <div class="text-center">
      <a class="inline-block mb-8 text-2xl font-bold" href="#">
        <Image
          src={TresDarkLogo}
          decoding="async"
          loading="lazy"
          alt="prodkt"
          class="h-7 w-auto"
        />
      </a>
      <h2 class="mb-8 text-6xl 2xl:text-7xl font-bold font-heading">
        Collaborate everywhere.
      </h2>
      <p class="mb-16 text-xl">Get our free mobile application.</p>
      <a
        class="inline-block px-12 py-5 bg-blue-500 hover:bg-blue-600 rounded-full text-lg font-bold text-white transition duration-200"
        href="#">Download</a
      >
    </div>
  </div>
  <div class="relative">
    <div
      class="hidden lg:block absolute right-0 top-0 mt-24 w-1/2 h-px bg-gray-50"
    >
    </div>
    <div
      class="hidden lg:block absolute left-0 top-0 mt-40 w-1/2 h-px bg-gray-50"
    >
    </div>

    <Image
      src={Smartphone}
      decoding="async"
      loading="lazy"
      alt="prodkt"
      class="lg:relative lg:max-w-4xl mx-auto"
    />
  </div>
</section>

Code Blocks Soon

  • Headers
  • Hero sections
  • Feature sections
  • CTA sections
  • Content sections
  • Team sections
  • Social Proof
  • Testimonial sections
  • Footers

Design Soon

  • Prodkt UI kit
  • Tovuti UI kit
  • Remix LXP UI kit
  • Leveln' Diabetes UI kit
  • Explor UI kit
  • Signal UI kit

Stack Soon

  • MacOS stack
  • Windows stack
  • Tovuti stack
  • Remix LXP stack
  • Signal stack

Flows Soon

  • New User Experience
  • Account Management
  • Commerce & Finance
  • Social
  • Content
  • Miscellaneous

© 2023 Bryan Funk