Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<html lang="es">
<head>
<meta charset="UTF-8" />
<link
Expand All @@ -11,16 +11,16 @@
name="viewport"
content="width=device-width, initial-scale=1.0"
/>
<title>Shadcn/Vue - Landing template</title>
<title>Curso de Inteligencia Artificial para Abogados</title>

<!-- Primary Meta Tags -->
<meta
name="title"
content="Shadcn/Vue - Landing template"
content="Curso de Inteligencia Artificial para Abogados"
/>
<meta
name="description"
content="Free Shadcn landing page for Vue developers"
content="Aprende IA desde cero y automatiza procesos legales con herramientas open source"
/>

<!-- Open Graph / Facebook -->
Expand All @@ -34,11 +34,11 @@
/>
<meta
property="og:title"
content="Shadcn/Vue - Landing template"
content="Curso de Inteligencia Artificial para Abogados"
/>
<meta
property="og:description"
content="Free Shadcn landing page for Vue developers"
content="Aprende IA desde cero y automatiza procesos legales con herramientas open source"
/>
<meta
property="og:image"
Expand All @@ -57,11 +57,11 @@
/>
<meta
name="twitter:title"
content="Shadcn/Vue - Landing template"
content="Curso de Inteligencia Artificial para Abogados"
/>
<meta
name="twitter:description"
content="Free Shadcn landing page for Vue developers"
content="Aprende IA desde cero y automatiza procesos legales con herramientas open source"
/>
<meta
name="twitter:image"
Expand Down
2 changes: 0 additions & 2 deletions src/App.vue
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ import Services from "./components/Services.vue";
import HowItWorks from "./components/HowItWorks.vue";
import Sponsors from "./components/Sponsors.vue";
import Testimonials from "./components/Testimonials.vue";
import Team from "./components/Team.vue";
import Pricing from "./components/Pricing.vue";
import Community from "./components/Community.vue";
import Contact from "./components/Contact.vue";
Expand All @@ -24,7 +23,6 @@ import Footer from "./components/Footer.vue";
<Services />
<HowItWorks />
<Testimonials />
<Team />
<Community />
<Pricing />
<Contact />
Expand Down
24 changes: 11 additions & 13 deletions src/components/Benefits.vue
Original file line number Diff line number Diff line change
Expand Up @@ -19,27 +19,27 @@ interface BenefitsProps {
const benefitList: BenefitsProps[] = [
{
icon: "blocks",
title: "Build Brand Trust",
title: "Ahorra tiempo valioso",
description:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. A odio velit cum aliquam. Natus consectetur dolores.",
"Automatiza tareas repetitivas y dedica tus esfuerzos a casos estratégicos.",
},
{
icon: "lineChart",
title: "More Leads",
title: "Mejora la productividad",
description:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. A odio velit cum aliquam, natus consectetur.",
"Implementa flujos de trabajo eficientes apoyados en IA.",
},
{
icon: "wallet",
title: "Higher Conversions",
title: "Reduce costos",
description:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus consectetur. A odio velit cum aliquam",
"Utiliza herramientas open source sin invertir en licencias costosas.",
},
{
icon: "sparkle",
title: "Test Marketing Ideas",
title: "Diferénciate en el mercado",
description:
"Lorem ipsum dolor sit amet consectetur adipisicing elit. A odio velit cum aliquam. Natus consectetur dolores.",
"Ofrece servicios innovadores basados en inteligencia artificial.",
},
];

Expand Down Expand Up @@ -68,15 +68,13 @@ const iconMap: Record<
>
<div class="grid lg:grid-cols-2 place-items-center lg:gap-24">
<div>
<h2 class="text-lg text-primary mb-2 tracking-wider">Benefits</h2>
<h2 class="text-lg text-primary mb-2 tracking-wider">Beneficios</h2>

<h2 class="text-3xl md:text-4xl font-bold mb-4">
Your Shortcut to Success
Ventajas de unirte
</h2>
<p class="text-xl text-muted-foreground mb-8">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Non ducimus
reprehenderit architecto rerum similique facere odit deleniti
necessitatibus quo quae.
Conoce cómo la inteligencia artificial puede impulsar tu desarrollo profesional en el campo legal.
</p>
</div>

Expand Down
9 changes: 4 additions & 5 deletions src/components/Community.vue
Original file line number Diff line number Diff line change
Expand Up @@ -29,17 +29,16 @@ import DiscordIcon from "@/icons/DiscordIcon.vue";
class="w-20 h-20 m-auto mb-4"
:is="DiscordIcon"
/>
Ready to join this
¿Listo para unirte a nuestra
<span
class="text-transparent bg-gradient-to-r from-[#D247BF] to-primary bg-clip-text"
>
Community?
comunidad?
</span>
</CardTitle>
</CardHeader>
<CardContent class="lg:w-[80%] text-xl text-muted-foreground">
Join our vibrant Discord community! Connect, share, and grow with
like-minded enthusiasts. Click to dive in! 🚀
Únete a nuestro Discord para compartir y aprender junto a otros profesionales.
</CardContent>

<CardFooter>
Expand All @@ -48,7 +47,7 @@ import DiscordIcon from "@/icons/DiscordIcon.vue";
href="https://discord.com/"
target="_blank"
>
Join Discord
Unirme a Discord
</a>
</Button>
</CardFooter>
Expand Down
51 changes: 23 additions & 28 deletions src/components/Contact.vue
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ const contactForm = reactive<ContactFormeProps>({
firstName: "",
lastName: "",
email: "",
subject: "Web Development",
subject: "Reunión informativa",
message: "",
});

Expand All @@ -53,20 +53,19 @@ const handleSubmit = () => {
<section class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<div class="mb-4">
<h2 class="text-lg text-primary mb-2 tracking-wider">Contact</h2>
<h2 class="text-lg text-primary mb-2 tracking-wider">Contacto</h2>

<h2 class="text-3xl md:text-4xl font-bold">Connect With Us</h2>
<h2 class="text-3xl md:text-4xl font-bold">Agenda tu reunión</h2>
</div>
<p class="mb-8 text-muted-foreground lg:w-5/6">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum
ipsam sint enim exercitationem ex autem corrupti quas tenetur
Completa el formulario para coordinar una llamada de 20 minutos sin compromiso.
</p>

<div class="flex flex-col gap-4">
<div>
<div class="flex gap-2 mb-1">
<Building2 />
<div class="font-bold">Find Us</div>
<div class="font-bold">Dirección</div>
</div>

<div>742 Evergreen Terrace, Springfield, IL 62704</div>
Expand All @@ -75,7 +74,7 @@ const handleSubmit = () => {
<div>
<div class="flex gap-2 mb-1">
<Phone />
<div class="font-bold">Call Us</div>
<div class="font-bold">Teléfono</div>
</div>

<div>+1 (619) 123-4567</div>
Expand All @@ -84,7 +83,7 @@ const handleSubmit = () => {
<div>
<div class="flex gap-2 mb-1">
<Mail />
<div class="font-bold">Mail Us</div>
<div class="font-bold">Correo</div>
</div>

<div>[email protected]</div>
Expand All @@ -93,11 +92,11 @@ const handleSubmit = () => {
<div>
<div class="flex gap-2">
<Clock />
<div class="font-bold">Visit Us</div>
<div class="font-bold">Horario</div>
</div>

<div>
<div>Monday - Friday</div>
<div>Lunes a Viernes</div>
<div>8AM - 4PM</div>
</div>
</div>
Expand All @@ -114,7 +113,7 @@ const handleSubmit = () => {
>
<div class="flex flex-col md:flex-row gap-8">
<div class="flex flex-col w-full gap-1.5">
<Label for="first-name">First Name</Label>
<Label for="first-name">Nombre</Label>
<Input
id="first-name"
type="text"
Expand All @@ -124,7 +123,7 @@ const handleSubmit = () => {
</div>

<div class="flex flex-col w-full gap-1.5">
<Label for="last-name">Last Name</Label>
<Label for="last-name">Apellido</Label>
<Input
id="last-name"
type="text"
Expand All @@ -135,7 +134,7 @@ const handleSubmit = () => {
</div>

<div class="flex flex-col gap-1.5">
<Label for="email">Email</Label>
<Label for="email">Correo electrónico</Label>
<Input
id="email"
type="email"
Expand All @@ -145,35 +144,31 @@ const handleSubmit = () => {
</div>

<div class="flex flex-col gap-1.5">
<Label for="subject">Subject</Label>
<Label for="subject">Motivo</Label>

<Select v-model="contactForm.subject">
<SelectTrigger>
<SelectValue placeholder="Select a subject" />
<SelectValue placeholder="Selecciona un motivo" />
</SelectTrigger>
<SelectContent>
<SelectGroup>
<SelectItem value="Web Development">
Web Development
<SelectItem value="Información">
Información
</SelectItem>
<SelectItem value="Mobile Development">
Mobile Development
</SelectItem>
<SelectItem value="Figma Design"> Figma Design </SelectItem>
<SelectItem value="REST API "> REST API </SelectItem>
<SelectItem value="FullStack Project">
FullStack Project
<SelectItem value="Inscripción">
Inscripción
</SelectItem>
<SelectItem value="Otros"> Otros </SelectItem>
</SelectGroup>
</SelectContent>
</Select>
</div>

<div class="flex flex-col gap-1.5">
<Label for="message">Message</Label>
<Label for="message">Mensaje</Label>
<Textarea
id="message"
placeholder="Your message..."
placeholder="Cuéntanos en qué podemos ayudarte"
rows="5"
v-model="contactForm.message"
/>
Expand All @@ -186,11 +181,11 @@ const handleSubmit = () => {
<AlertCircle class="w-4 h-4" />
<AlertTitle>Error</AlertTitle>
<AlertDescription>
There is an error in the form. Please check your input.
Hay un error en el formulario. Revisa los datos ingresados.
</AlertDescription>
</Alert>

<Button class="mt-4">Send message</Button>
<Button class="mt-4">Enviar</Button>
</form>
</CardContent>

Expand Down
37 changes: 16 additions & 21 deletions src/components/FAQ.vue
Original file line number Diff line number Diff line change
Expand Up @@ -14,32 +14,32 @@ interface FAQProps {

const FAQList: FAQProps[] = [
{
question: "Is this template free?",
answer: "Yes. It is a free Shadcn/Vue template.",
question: "¿Necesito conocimientos previos de IA?",
answer: "No, comenzamos desde cero y te guiamos paso a paso.",
value: "item-1",
},
{
question: "Duis aute irure dolor in reprehenderit in voluptate velit?",
question: "¿Las clases son en vivo?",
answer:
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint labore quidem quam consectetur sapiente, iste rerum reiciendis animi nihil nostrum sit quo, modi quod.",
"Sí, contarás con sesiones en directo y material grabado.",
value: "item-2",
},
{
question:
"Lorem ipsum dolor sit amet Consectetur natus dolor minus quibusdam?",
"¿Obtendré certificado al finalizar?",
answer:
"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Labore qui nostrum reiciendis veritatis.",
"Sí, recibirás un certificado de aprovechamiento del curso.",
value: "item-3",
},
{
question: "Excepteur sint occaecat cupidata non proident sunt?",
answer: "Lorem ipsum dolor sit amet consectetur, adipisicing elit.",
question: "¿Cómo agendo la reunión?",
answer: "Al completar el formulario recibirás un enlace de calendario.",
value: "item-4",
},
{
question:
"Enim ad minim veniam, quis nostrud exercitation ullamco laboris?",
answer: "consectetur adipisicing elit. Sint labore.",
"¿Puedo inscribir a mi equipo?",
answer: "Sí, contamos con planes para empresas y despachos.",
value: "item-5",
},
];
Expand All @@ -51,10 +51,10 @@ const FAQList: FAQProps[] = [
class="container md:w-[700px] py-24 sm:py-32"
>
<div class="text-center mb-8">
<h2 class="text-lg text-primary text-center mb-2 tracking-wider">FAQS</h2>
<h2 class="text-lg text-primary text-center mb-2 tracking-wider">Preguntas frecuentes</h2>

<h2 class="text-3xl md:text-4xl text-center font-bold">
Common Questions
Resuelve tus dudas
</h2>
</div>

Expand All @@ -75,17 +75,12 @@ const FAQList: FAQProps[] = [
</Accordion>

<h3 class="font-medium mt-4">
Still have questions?
¿Aún tienes dudas?
<a
href="#"
class="text-muted-foreground"
href="#contact"
class="text-muted-foreground underline"
>Contáctanos</a
>
<a
href="#"
class="underline"
>Contact us</a
>
</a>
</h3>
</section>
</template>
Loading