kleap
/
app-clever-panda-sprint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update app/page.tsx

This commit is contained in:
kleap-admin 2026-01-16 17:09:44 +00:00
parent 7be3fa4c10
commit e9c2d60f2b
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/page.tsx
View File

@ -5,22 +5,31 @@ import { Container } from "@/components/container";
import { Heading } from "@/components/heading";
import { Subheading } from "@/components/subheading";
import { Badge } from "@/components/badge";
import { Chatbot } from "@/components/chatbot";
import { CardBody, CardContainer, CardItem } from "@/components/ui/3d-card";
export default function Home() {
return (
<main>
<Hero />
<Chatbot />
<section className="py-20 border-y border-neutral-100 dark:border-neutral-800">
<section className="py-20 border-y border-neutral-100 dark:border-neutral-800 overflow-hidden">
<Container>
<div className="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
<div className="relative">
<img
src="https://images.unsplash.com/photo-1520340356584-f9917d1eea6f?q=80&w=2000&auto=format&fit=crop"
alt="Young entrepreneurs working"
className="rounded-3xl shadow-2xl"
/>
<div className="absolute -bottom-6 -right-6 bg-blue-600 text-white p-6 rounded-2xl shadow-xl hidden md:block">
<CardContainer className="py-0">
<CardBody className="w-full h-auto">
<CardItem translateZ="100" className="w-full">
<img
src="https://images.unsplash.com/photo-1520340356584-f9917d1eea6f?q=80&w=2000&auto=format&fit=crop"
alt="Young entrepreneur working"
className="rounded-3xl shadow-2xl w-full"
/>
</CardItem>
</CardBody>
</CardContainer>
<div className="absolute -bottom-6 -right-6 bg-blue-600 text-white p-6 rounded-2xl shadow-xl hidden md:block z-10">
<p className="text-2xl font-bold">13 Years Old</p>
<p className="text-sm opacity-90">And working hard!</p>
</div>
@ -29,10 +38,10 @@ export default function Home() {
<Badge className="mb-4 bg-blue-100 text-blue-700 hover:bg-blue-100 border-none">Our Story</Badge>
<Heading className="text-3xl mb-6">Real Hustle, Real Results</Heading>
<Subheading className="text-lg mb-6">
We started Apex Young Detailers because we wanted to earn our own money and we love cars. We're 13 years old, but we take this seriously.
I started Apex Young Detailers to build something of my own. I'm 13 years old and I've invested in professional-grade equipment—from high-pressure washers to industrial vacuums—to ensure your car gets a better-than-pro finish.
</Subheading>
<p className="text-neutral-600 dark:text-neutral-400 mb-6">
While other kids are playing video games, we're out here learning how to run a business and providing a service our neighbors can rely on. We treat every car like it's our own (or like it's the car we're saving up to buy!).
While other kids are playing video games, I'm out here learning how to run a business and providing a service my neighbors can rely on. I treat every car like it's my own.
</p>
<ul className="space-y-3 text-neutral-700 dark:text-neutral-300 font-medium">
<li className="flex items-center gap-2">
@ -41,7 +50,7 @@ export default function Home() {
</li>
<li className="flex items-center gap-2">
<div className="h-5 w-5 rounded-full bg-green-500 flex items-center justify-center text-white text-[10px]">✓</div>
We bring our own supplies
I bring my own professional supplies
</li>
<li className="flex items-center gap-2">
<div className="h-5 w-5 rounded-full bg-green-500 flex items-center justify-center text-white text-[10px]">✓</div>