Merge version_18_1782219426622 into main

Add public/favicon.png
2026-06-23 15:41:32 +00:00 · 2026-06-23 15:41:22 +00:00 · 2026-06-23 15:41:22 +00:00 · 2026-06-23 12:44:47 +00:00 · 2026-06-23 12:44:44 +00:00 · 2026-06-23 12:41:57 +00:00
8 changed files with 47 additions and 10 deletions
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Legacy Drum Academy | Expert Drum Instruction</title>
      <meta property="og:title" content="Legacy Drum Academy | Expert Drum Instruction" />
@@ -13,6 +13,7 @@
      <meta name="description" content="Master drums with personalized mentorship from João Gabriel Biel. 20 years of experience building musical legacies." />
      <meta property="og:description" content="Master drums with personalized mentorship from João Gabriel Biel. 20 years of experience building musical legacies." />
      <meta name="twitter:description" content="Master drums with personalized mentorship from João Gabriel Biel. 20 years of experience building musical legacies." />
+      <link rel="icon" type="image/png" href="/favicon.png" />
  </head>
  <body>
    <div id="root"></div>
--- a/public/favicon.png
+++ b/public/favicon.png
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';

+import PricingPage from "@/pages/PricingPage";
 export default function App() {
  return (
    <Routes>
      <Route element={<Layout />}>
        <Route path="/" element={<HomePage />} />
+        <Route path="/pricing" element={<PricingPage />} />
      </Route>
    </Routes>
  );
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -34,7 +34,9 @@ export default function Layout() {
  {
    "name": "Faq",
    "href": "#faq"
-  }
+  },
+  { name: "Pricing", href: "/pricing" },
+
 ];

  return (
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import "tailwindcss";
@import "./styles/masks.css";
@import "./styles/animations.css";
@@ -88,7 +88,7 @@
  --color-background-accent: var(--background-accent);

  /* Fonts */
-  --font-sans: 'Archivo', sans-serif;
+  --font-sans: 'Montserrat', sans-serif;
  --font-tight: "Inter Tight", sans-serif;
  --font-mono: monospace;

@@ -137,7 +137,7 @@ body {
  margin: 0;
  background-color: var(--background);
  color: var(--foreground);
-  font-family: 'Archivo', sans-serif;
+  font-family: 'Montserrat', sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -150,7 +150,7 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: 'Archivo', sans-serif;
+  font-family: 'Montserrat', sans-serif;
 }

 /* Default card/button styles. Template theme.css imports come after this file
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -15,7 +15,7 @@ export default function HomePage() {
        <SectionErrorBoundary name="hero">
          <HeroOverlay
            tag="Expert Drum Mentorship"
-            title="Your Sound Echoing Into Eternity"
+            title="LEGACY"
            description="Master drums with personalized technique, theory, and passion under João Gabriel Biel—a 20-year professional who's helped hundreds build their musical legacy."
            primaryButton={{
              text: "Start Your Legacy",              href: "#contact"
@@ -23,7 +23,7 @@ export default function HomePage() {
            secondaryButton={{
              text: "View Academy",              href: "#about"
            }}
-            imageSrc="https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964172-fsm5cpfp.png"
+            imageSrc="https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964169-loub9rgz.jpg"
          />
        </SectionErrorBoundary>
      </div>
@@ -73,8 +73,8 @@ export default function HomePage() {
            description="Structured modules designed for hobbyists, professionals, and young musicians alike."
            items={[
              { title: "For Hobbyists", description: "Structured guidance to find your musical voice.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-recording-studio-music-production_1303-20390.jpg" },
-              { title: "Advanced Mastery", description: "High-intensity training for gigging pros.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-playing-drums-performance-local-event_23-2149188065.jpg" },
-              { title: "Youth Discovery", description: "Patient, engaging lessons for the young drummer.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545648.jpg" },
+              { title: "Advanced Mastery", description: "High-intensity training for gigging pros.", href: "#contact", imageSrc: "https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782152964171-3nrtfv81.jpg" },
+              { title: "Youth Discovery", description: "Patient, engaging lessons for the young drummer.", href: "#contact", imageSrc: "https://storage.googleapis.com/webild/users/user_3FVGMQmgQmMwA34LyIYK2adCPem/uploaded-1782218667003-r7j67v0z.jpg" },
              { title: "Theory Workshop", description: "Understand the logic behind the rhythm.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/drum-kit-dark-background-with-stage-lighting-copy-space_169016-14046.jpg" },
              { title: "Studio Recording", description: "Preparation for professional studio work.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-working-music-studio-with-instruments_52683-110324.jpg" },
              { title: "Stage Craft", description: "Dynamic movement and gear management.", href: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/man-making-instruments-his-workshop_23-2149018573.jpg" },
--- a/src/pages/PricingPage.tsx
+++ b/src/pages/PricingPage.tsx
@@ -0,0 +1,31 @@
+import Button from "@/components/ui/Button";
+import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import AutoFillText from "@/components/ui/AutoFillText";
+import { Check } from "lucide-react";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import { cls } from "@/lib/utils";
+
+export default function PricingPage() {
+  return (
+    <>
+      <div data-webild-section="HeroBrand"><section aria-label="Hero section" className="relative w-full h-svh overflow-hidden flex flex-col justify-end"><HeroBackgroundSlot /><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/drum-kit-close-up-drummer-playing-drums-studio_169016-54523.jpg" className="absolute inset-0 w-full h-full object-cover rounded-none" /><div className="absolute z-10 w-full h-[50svh] md:h-[75svh] left-0 bottom-0 backdrop-blur-xl mask-[linear-gradient(to_bottom,transparent,black_60%)]" aria-hidden="true" /><div className="relative z-10 w-content-width mx-auto pb-5"><div className="flex flex-col"><div className="w-full flex flex-col md:flex-row md:justify-between items-start md:items-end gap-3 md:gap-5"><TextAnimation text="Invista no seu talento e transforme sua paixão em um legado sonoro. Escolha o plano ideal para dominar a bateria com técnica, teoria e musicalidade." variant="fade-blur" gradientText={false} tag="p" className="w-full md:w-1/2 text-lg md:text-2xl text-balance font-normal text-white leading-snug" /><div className="w-full md:w-1/2 flex justify-start md:justify-end"><div className="flex flex-wrap gap-3"><Button text="Ver Planos" href="#planos" variant="primary" /><Button text="Falar com o Professor" href="/contato" variant="secondary" animationDelay={0.1} /></div></div></div><AutoFillText className="font-semibold text-white">Legacy Drum Academy</AutoFillText></div></div></section></div>
+      <div data-webild-section="PricingHighlightedCards"><section aria-label="Pricing section" className=""><div className="flex flex-col gap-8"><div className="flex flex-col items-center w-content-width mx-auto gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Investimento</p></div><TextAnimation text="Escolha o seu Legado Musical" variant="slide-up" gradientText={true} tag="h2" className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance" /><TextAnimation text="Planos desenvolvidos para transformar sua paixão pela bateria em técnica, teoria e musicalidade com João Gabriel Biel." variant="slide-up" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Falar com Professor" href="#contato" variant="primary" /><Button text="Saiba Mais" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="fade"><GridOrCarousel><div key="Iniciante" className="flex flex-col h-full"><div className="px-5 py-2 text-base invisible">placeholder</div><div className="flex flex-col items-center gap-4 xl:gap-5 2xl:gap-6 p-6 xl:p-7 2xl:p-8 flex-1 card text-center rounded"><div className="flex flex-col gap-1"><span className="text-5xl md:text-6xl font-semibold">R$ 250/mês</span><span className="text-base font-medium">Iniciante</span></div><div className="h-px w-full bg-foreground/20" /><div className="flex flex-col gap-3 w-full"><div key="1 aula semanal de 50 min" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">1 aula semanal de 50 min</span></div>
+<div key="Fundamentos da técnica" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Fundamentos da técnica</span></div>
+<div key="Leitura rítmica básica" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Leitura rítmica básica</span></div>
+<div key="Acesso ao grupo de alunos" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Acesso ao grupo de alunos</span></div></div><div className="flex flex-col gap-3 w-full mt-auto"><Button text="Começar Agora" href="#matricula-iniciante" variant="primary" className="w-full" /></div></div></div>
+<div key="Avançado" className="flex flex-col h-full"><div className="px-5 py-2 text-base text-center primary-button rounded-t text-primary-cta-text">Mais Popular</div><div className="flex flex-col items-center gap-4 xl:gap-5 2xl:gap-6 p-6 xl:p-7 2xl:p-8 flex-1 card text-center rounded-t-none rounded-b"><div className="flex flex-col gap-1"><span className="text-5xl md:text-6xl font-semibold">R$ 400/mês</span><span className="text-base font-medium">Avançado</span></div><div className="h-px w-full bg-foreground/20" /><div className="flex flex-col gap-3 w-full"><div key="1 aula semanal de 60 min" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">1 aula semanal de 60 min</span></div>
+<div key="Técnicas avançadas" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Técnicas avançadas</span></div>
+<div key="Teoria musical aplicada" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Teoria musical aplicada</span></div>
+<div key="Gravação de performance" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Gravação de performance</span></div>
+<div key="Mentoria de carreira" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Mentoria de carreira</span></div></div><div className="flex flex-col gap-3 w-full mt-auto"><Button text="Elevar meu Nível" href="#matricula-avancado" variant="primary" className="w-full" /></div></div></div>
+<div key="Mentoria" className="flex flex-col h-full"><div className="px-5 py-2 text-base invisible">placeholder</div><div className="flex flex-col items-center gap-4 xl:gap-5 2xl:gap-6 p-6 xl:p-7 2xl:p-8 flex-1 card text-center rounded"><div className="flex flex-col gap-1"><span className="text-5xl md:text-6xl font-semibold">R$ 800/mês</span><span className="text-base font-medium">Mentoria</span></div><div className="h-px w-full bg-foreground/20" /><div className="flex flex-col gap-3 w-full"><div key="2 aulas semanais de 60 min" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">2 aulas semanais de 60 min</span></div>
+<div key="Análise de repertório" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Análise de repertório</span></div>
+<div key="Preparação para shows" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Preparação para shows</span></div>
+<div key="Acesso direto ao professor" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Acesso direto ao professor</span></div>
+<div key="Material exclusivo" className="flex items-start gap-3"><div className="flex items-center justify-center shrink-0 size-6 primary-button rounded"><Check className="size-3 text-primary-cta-text" strokeWidth={2} /></div><span className="text-base text-left">Material exclusivo</span></div></div><div className="flex flex-col gap-3 w-full mt-auto"><Button text="Garantir Vaga" href="#matricula-mentoria" variant="primary" className="w-full" /></div></div></div></GridOrCarousel></ScrollReveal></div></section></div>
+    </>
+  );
+}
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -6,4 +6,5 @@ export interface Route {

 export const routes: Route[] = [
  { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/pricing', label: 'Pricing', pageFile: 'PricingPage' },
 ];
Author	SHA1	Message	Date
bender	f96a1988ec	Merge version_18_1782219426622 into main Merge version_18_1782219426622 into main	2026-06-23 15:41:32 +00:00
bender	795ee62dd7	Add public/favicon.png	2026-06-23 15:41:22 +00:00
bender	134525bff7	Update index.html	2026-06-23 15:41:22 +00:00
bender	dac4a07009	Merge version_16_1782218673197 into main Merge version_16_1782218673197 into main	2026-06-23 12:44:47 +00:00
bender	cd48785231	Update src/pages/HomePage.tsx	2026-06-23 12:44:44 +00:00
bender	3e5025e210	Merge version_15_1782218503102 into main Merge version_15_1782218503102 into main	2026-06-23 12:41:57 +00:00
bender	8f0e349bd7	Update src/pages/HomePage.tsx	2026-06-23 12:41:54 +00:00
bender	9010fb8133	Merge version_14_1782218422912 into main Merge version_14_1782218422912 into main	2026-06-23 12:40:39 +00:00
bender	a285a67cf3	Update src/pages/HomePage.tsx	2026-06-23 12:40:33 +00:00
bender	eafe6f8133	Merge version_13_1782175748002 into main Merge version_13_1782175748002 into main	2026-06-23 00:49:25 +00:00
bender	3ea485a32e	Update src/pages/HomePage.tsx	2026-06-23 00:49:18 +00:00
bender	ac8f44c3f5	Merge version_12_1782175720155 into main Merge version_12_1782175720155 into main	2026-06-23 00:48:53 +00:00
bender	99642ea96b	Update src/pages/HomePage.tsx	2026-06-23 00:48:50 +00:00
bender	bf06c5402c	Switch to version 11: modified src/pages/HomePage.tsx	2026-06-23 00:46:49 +00:00
bender	626486c1ed	Merge version_12_1782161136228 into main Merge version_12_1782161136228 into main	2026-06-22 20:45:50 +00:00
bender	4b7e451dcf	Update src/pages/HomePage.tsx	2026-06-22 20:45:47 +00:00
bender	f9e777c919	Merge version_11_1782156536968 into main Merge version_11_1782156536968 into main	2026-06-22 19:31:44 +00:00
kudinDmitriyUp	937a37781e	Bob AI: fix build errors (attempt 1)	2026-06-22 19:31:05 +00:00
kudinDmitriyUp	2d839a5080	Bob AI: Populate src/pages/PricingPage.tsx (snippet builder, 2 sections)	2026-06-22 19:30:17 +00:00
kudinDmitriyUp	2f60dbd7f0	Bob AI: Add pricing page	2026-06-22 19:29:42 +00:00
bender	543e35cf5f	Merge version_10_1782155667713 into main Merge version_10_1782155667713 into main	2026-06-22 19:14:31 +00:00
bender	e41b79dbae	Update theme fonts	2026-06-22 19:14:28 +00:00
bender	8fb0b91cf4	Merge version_9_1782155654918 into main Merge version_9_1782155654918 into main	2026-06-22 19:14:18 +00:00
bender	99cb7720d5	Merge version_8_1782155638419 into main Merge version_8_1782155638419 into main	2026-06-22 19:14:01 +00:00
bender	8b04cb0033	Merge version_7_1782155628059 into main Merge version_7_1782155628059 into main	2026-06-22 19:13:51 +00:00
bender	2006cde62c	Merge version_6_1782155610771 into main Merge version_6_1782155610771 into main	2026-06-22 19:13:34 +00:00
bender	86af797909	Merge version_5_1782155607465 into main Merge version_5_1782155607465 into main	2026-06-22 19:13:30 +00:00
bender	675fdf9898	Merge version_4_1782155599306 into main Merge version_4_1782155599306 into main	2026-06-22 19:13:22 +00:00
bender	08938c28a1	Merge version_3_1782155594086 into main Merge version_3_1782155594086 into main	2026-06-22 19:13:17 +00:00
bender	9cde87ef6f	Merge version_2_1782155557697 into main Merge version_2_1782155557697 into main	2026-06-22 19:12:52 +00:00
bender	a46d130b6a	Merge version_1_1782152960403 into main Merge version_1_1782152960403 into main	2026-06-22 18:32:18 +00:00
bender	b6a533f6ba	Merge version_1_1782152960403 into main Merge version_1_1782152960403 into main	2026-06-22 18:31:36 +00:00
bender	e85248877a	Merge version_1_1782152960403 into main Merge version_1_1782152960403 into main	2026-06-22 18:30:46 +00:00
bender	7ecc0ac691	Merge version_1_1782152960403 into main Merge version_1_1782152960403 into main	2026-06-22 18:29:54 +00:00