feature: this commit introduces initial setup for landing application

Author: https-richardy

Applications/Landing/app/globals.css

@@ -0,0 +1,90 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(0.98 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.59 0.22 12);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.965 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.965 0 0);
+  --muted-foreground: oklch(0.45 0 0);
+  --accent: oklch(0.59 0.22 12);
+  --accent-foreground: oklch(1 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.91 0 0);
+  --input: oklch(0.91 0 0);
+  --ring: oklch(0.59 0.22 12);
+  --chart-1: oklch(0.59 0.22 12);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.98 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.59 0.22 12);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.965 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.91 0 0);
+  --sidebar-ring: oklch(0.59 0.22 12);
+}
+
+@theme inline {
+  --font-sans: var(--font-inter), 'Inter', sans-serif;
+  --font-mono: var(--font-space-grotesk), 'Space Grotesk', sans-serif;
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

Applications/Landing/app/layout.tsx

@@ -0,0 +1,34 @@
+import type { Metadata, Viewport } from 'next'
+import { Inter, Space_Grotesk } from 'next/font/google'
+import { Analytics } from '@vercel/analytics/next'
+import './globals.css'
+
+const _inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
+const _spaceGrotesk = Space_Grotesk({ subsets: ["latin"], variable: "--font-space-grotesk" });
+
+export const metadata: Metadata = {
+    title: 'Comanda - Gerencie seus pedidos sem taxas e sem complicação',
+    description: 'O sistema de gestão de pedidos feito para fast foods. Gerencie pedidos online e presenciais sem taxas de marketplace. Assine por apenas R$100/mes.',
+    icons: {
+        icon: '/images/comanda-logo.png',
+    },
+}
+
+export const viewport: Viewport = {
+    themeColor: '#ed214d',
+}
+
+export default function RootLayout({
+    children,
+}: Readonly<{
+    children: React.ReactNode
+}>) {
+    return (
+        <html lang="pt-BR">
+            <body className={`${_inter.variable} ${_spaceGrotesk.variable} font-sans antialiased`} suppressHydrationWarning>
+                {children}
+                <Analytics />
+            </body>
+        </html>
+    )
+}

Applications/Landing/app/page.tsx

@@ -0,0 +1,25 @@
+import { Navbar } from "@/components/landing/navbar"
+import { Hero } from "@/components/landing/hero"
+import { StatsBar } from "@/components/landing/stats-bar"
+import { Features } from "@/components/landing/features"
+import { Pricing } from "@/components/landing/pricing"
+import { Testimonials } from "@/components/landing/testimonials"
+import { FAQ } from "@/components/landing/faq"
+import { FinalCTA } from "@/components/landing/final-cta"
+import { Footer } from "@/components/landing/footer"
+
+export default function LandingPage() {
+  return (
+    <main>
+      <Navbar />
+      <Hero />
+      <StatsBar />
+      <Features />
+      <Pricing />
+      <Testimonials />
+      <FAQ />
+      <FinalCTA />
+      <Footer />
+    </main>
+  )
+}

Applications/Landing/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

Applications/Landing/components/landing/faq.tsx

@@ -0,0 +1,58 @@
+"use client"
+
+import {Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
+
+const faqs: Record<string, string>[] = [
+    {
+        question: "Preciso de algum equipamento especial?",
+        answer: "Não! Você só precisa de um computador, tablet ou celular com acesso a internet. O Comanda funciona 100% no navegador, sem necessidade de instalar nada.",
+    },
+    {
+        question: "É realmente sem taxas por pedido?",
+        answer: "Sim! Você paga apenas R$100 fixos por mês. Não importa se você recebe 10 ou 10.000 pedidos, o valor é sempre o mesmo. Zero comissão por venda.",
+    },
+    {
+        question: "Como meus clientes fazem pedidos online?",
+        answer: "Você recebe um link exclusivo do seu cardápio digital. Seus clientes acessam pelo celular, escolhem os itens e fazem o pedido. Você recebe tudo no painel em tempo real.",
+    },
+    {
+        question: "Posso cancelar a qualquer momento?",
+        answer: "Sim, sem nenhum problema. Não temos fidelidade, multa ou período mínimo. Se não gostar, cancele quando quiser.",
+    },
+    {
+        question: "É difícil de configurar?",
+        answer: "Não! Em menos de 5 minutos você cria sua conta, cadastra seus produtos e já pode começar a receber pedidos. Temos tutoriais e suporte para te ajudar.",
+    },
+    {
+        question: "Funciona para delivery e retirada?",
+        answer: "Sim! O Comanda suporta pedidos para delivery, retirada no balcão e consumo no local. Você configura como quiser.",
+    }
+]
+
+export function FAQ() {
+    return (
+        <section id="faq" className="py-24 lg:py-32">
+            <div className="mx-auto max-w-3xl px-6">
+                <div className="text-center">
+                    <span className="text-sm font-medium text-[#ed214d]">Duvidas frequentes</span>
+                    <h2 className="mt-3 font-mono text-3xl font-bold tracking-tight text-foreground sm:text-4xl text-balance">
+                        Perguntas que todo dono de fast food faz
+                    </h2>
+                </div>
+
+                <Accordion type="single" collapsible className="mt-12">
+                    {faqs.map((faq, index) => (
+                        <AccordionItem key={index} value={`item-${index}`} className="border-border">
+                            <AccordionTrigger className="text-left text-sm font-medium text-foreground hover:text-[#ed214d] hover:no-underline">
+                                {faq.question}
+                            </AccordionTrigger>
+                            <AccordionContent className="text-sm leading-relaxed text-muted-foreground">
+                                {faq.answer}
+                            </AccordionContent>
+                        </AccordionItem>
+                    ))}
+                </Accordion>
+            </div>
+        </section>
+    )
+}

Applications/Landing/components/landing/features.tsx

@@ -0,0 +1,63 @@
+import { MonitorSmartphone, ShoppingBag, Zap, Globe, Shield } from "lucide-react"
+
+const features: Record<string, any>[] = [
+    {
+        icon: MonitorSmartphone,
+        title: "Pedidos online e presenciais",
+        description: "Receba pedidos do seu cardápio digital e do balcão em um único painel. Tudo sincronizado em tempo real.",
+    },
+    {
+        icon: ShoppingBag,
+        title: "Cardápio digital personalizado",
+        description: "Crie seu cardápio online com fotos, descrições e preços. Seus clientes pedem direto pelo celular.",
+    },
+    {
+        icon: Zap,
+        title: "Gestão de cozinha",
+        description: "Painel dedicado para a cozinha visualizar pedidos em fila, preparo e prontos para entrega.",
+    },
+    {
+        icon: Globe,
+        title: "Sem taxas de marketplace",
+        description: "Diferente de iFood e similares, você não paga comissão por pedido. Preço fixo mensal e pronto.",
+    },
+    {
+        icon: Shield,
+        title: "Seguro e confiável",
+        description: "Seus dados ficam protegidos com criptografia. Servidor dedicado com 99,9% de disponibilidade.",
+    },
+]
+
+export function Features() {
+    return (
+        <section id="funcionalidades" className="py-24 lg:py-32">
+            <div className="mx-auto max-w-7xl px-6">
+                <div className="mx-auto max-w-2xl text-center">
+                    <span className="text-sm font-medium text-[#ed214d]">Funcionalidades</span>
+                    <h2 className="mt-3 font-mono text-3xl font-bold tracking-tight text-foreground sm:text-4xl text-balance">
+                        Tudo que seu fast food precisa em um so lugar
+                    </h2>
+                    <p className="mt-4 text-lg leading-relaxed text-muted-foreground">
+                        Chega de malabarismos entre WhatsApp, caderninho e marketplace.
+                        O Comanda centraliza tudo pra voce.
+                    </p>
+                </div>
+
+                <div className="mt-16 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+                    {features.map((feature) => {
+                        const Icon = feature.icon
+                        return (
+                            <div key={feature.title} className="group rounded-xl border border-border bg-card p-6 transition-all hover:border-[#ed214d]/30 hover:bg-[#ed214d]/5">
+                                <div className="mb-4 flex h-10 w-10 items-center justify-center rounded-lg bg-[#ed214d]/10">
+                                    <Icon className="h-5 w-5 text-[#ed214d]" />
+                                </div>
+                                <h3 className="font-mono text-lg font-semibold text-foreground">{feature.title}</h3>
+                                <p className="mt-2 text-sm leading-relaxed text-muted-foreground">{feature.description}</p>
+                            </div>
+                        )
+                    })}
+                </div>
+            </div>
+        </section>
+    )
+}

Applications/Landing/components/landing/final-cta.tsx

@@ -0,0 +1,36 @@
+import { ArrowRight } from "lucide-react"
+import { Button } from "@/components/ui/button"
+
+export function FinalCTA() {
+    return (
+        <section className="border-t border-border bg-muted/50 py-24 lg:py-32">
+            <div className="mx-auto max-w-7xl px-6">
+                <div className="relative overflow-hidden rounded-2xl border border-[#ed214d]/30 bg-background p-10 sm:p-16 lg:p-20">
+                    <div className="pointer-events-none absolute -top-40 left-1/2 -translate-x-1/2 h-80 w-[500px] rounded-full bg-[#ed214d]/10 blur-[100px]" />
+
+                    <div className="relative mx-auto max-w-2xl text-center">
+                        <h2 className="font-mono text-3xl font-bold tracking-tight text-foreground sm:text-4xl lg:text-5xl text-balance">
+                            Pare de pagar comissões. Comece a lucrar de verdade.
+                        </h2>
+
+                        <p className="mt-6 text-lg leading-relaxed text-muted-foreground">
+                            Junte-se a mais de 2.000 donos de fast food que já escolheram o Comanda.
+                            Crie sua conta agora e comece a receber pedidos em minutos.
+                        </p>
+
+                        <div className="mt-10 flex flex-col items-center gap-4 sm:flex-row sm:justify-center">
+                            <Button size="lg" className="bg-[#ed214d] px-10 text-base font-semibold text-white hover:bg-[#d91b43]">
+                                Criar minha conta agora
+                                <ArrowRight className="ml-2 h-4 w-4" />
+                            </Button>
+                        </div>
+
+                        <p className="mt-4 text-sm text-muted-foreground">
+                            R$100/mês fixos. Sem taxa por pedido. Sem fidelidade. Cancele quando quiser.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </section>
+    )
+}