starthecode

#First - Text to Image Model.

name - Text To Image,

aiModelName- bytedance/sdxl-lightning-4step:5599ed30703defd1d160a25a63321b4dec97101d98b4674bcc56e41f62f35637

aiModelType- text,

defaultPrompt - ""

starthecode

// globals.css

@import url('https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #ffffff;
  --foreground: #171717;

starthecode

'use client';
import React, { useState } from 'react';
import { Heading3 } from '../Heading3';
import { BsArrowDown } from 'react-icons/bs';
import { BiChevronDown } from 'react-icons/bi';

const Faq = () => {
  return (
    <section className="w-full relative flex flex-col justify-center items-center">
      <div className="flex flex-col justify-center text-center items-center">

starthecode

import React from 'react';
import { Heading3 } from '../Heading3';

const Testimonials = () => {
  return (
    <div className="flex flex-col items-center justify-center px-8 relative w-full overflow-hidden pt-10 mt-40">
      <div className="text-center mb-4 flex flex-col items-center w-full justify-center">
        <Heading3
          small={'Testimonials'}
          main={''}

starthecode

import React from 'react';
import { HeadingH2 } from '../HeadingH2';
import { PrimaryButton } from '../PrimaryButton';

export const Cards = () => {
  return (
    <section className="w-full relative mt-40 justify-center flex flex-col items-center">
      <div className="flex w-full justify-center text-center items-center">
        <HeadingH2
          mobileAlign={'center'}

starthecode

const labels = [
  {
    id: 1,
    name: 'Accessibility',
    icon: '1',
    top: '15rem',
    left: '60rem',
    transform: 'translateX(3.72556px) translateY(-13.6604px) translateZ(0px)',
    color: 'bg-red-600',
    svgClass: '-rotate-90 -top-4 -left-4',

starthecode

<svg
      width="30"
      height="30"
      viewBox="0 0 100 100"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect
        x="15"
        y="30"
        width="10"

starthecode

@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;500;700;800&display=swap');

html {
  scroll-behavior: smooth;
}

starthecode

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn-secondary {
    @apply bg-white border border-slate-300 text-sm px-2 py-1 rounded-md;
  }