bender/26423611-93f1-4cce-999b-f285c08d04c4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-14 05:32:42 +00:00
parent 1acb6aa156
commit 364d577e96
1 changed files with 12 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/page.tsx
View File

@@ -171,19 +171,19 @@ export default function LandingPage() {
tagAnimation="slide-up"
plans={[
{
id: "1", price: "$279", period: "per detail", description: "Perfect for regular maintenance and light detailing needs", button: { text: "Book Now", href: "#contact" },
id: "1", title: "Basic Detail", price: "$279", period: "per detail", button: { text: "Book Now", href: "#contact" },
featuresTitle: "Includes:", features: [
"Interior vacuum and detail", "Dashboard cleaning", "Floor mat treatment", "Air freshener"
]
},
{
id: "2", price: "$349", period: "per detail", description: "Our most popular package with comprehensive detailing", button: { text: "Book Now", href: "#contact" },
id: "2", title: "Standard Detail", price: "$349", period: "per detail", button: { text: "Book Now", href: "#contact" },
featuresTitle: "Includes:", features: [
"Complete interior detail", "Exterior wash and wax", "Paint protection", "Leather conditioning", "Tire shine"
]
},
{
id: "3", price: "$499", period: "per detail", description: "Ultimate luxury detailing for showroom perfection", button: { text: "Book Now", href: "#contact" },
id: "3", title: "Premium Detail", price: "$499", period: "per detail", button: { text: "Book Now", href: "#contact" },
featuresTitle: "Includes:", features: [
"Full interior detail", "Exterior wash and polish", "Ceramic coating", "Premium leather treatment", "Engine detailing", "Post-service inspection"
]
@@ -221,13 +221,13 @@ export default function LandingPage() {
tagAnimation="slide-up"
metrics={[
{
id: "1", title: "Vehicles Detailed", category: "Total Projects", value: "5,000+", buttons: [{ text: "See Gallery", href: "#gallery" }]
id: "1", icon: TrendingUp, title: "Vehicles Detailed", value: "5,000+"
},
{
id: "2", title: "Customer Satisfaction", category: "Client Reviews", value: "4.9/5", buttons: [{ text: "Read Reviews", href: "#testimonials" }]
id: "2", icon: Star, title: "Customer Satisfaction", value: "4.9/5"
},
{
id: "3", title: "Years in Business", category: "Company History", value: "20+", buttons: [{ text: "Learn More", href: "#about" }]
id: "3", icon: Award, title: "Years in Business", value: "20+"
}
]}
buttons={[{ text: "Join Our Satisfied Clients", href: "#contact" }]}
@@ -349,8 +349,6 @@ export default function LandingPage() {
<ContactSplitForm
title="Get Your Quote Today"
description="Contact us to schedule your premium detailing appointment and learn about our custom packages."
formTitle="Quick Contact"
formDescription="Fill out the form below and we'll be in touch within 24 hours."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true
@@ -368,25 +366,20 @@ export default function LandingPage() {
name: "message", type: "textarea", placeholder: "Tell us about your detailing needs", required: false
}
]}
submitButtonText="Request Quote"
buttonText="Request Quote"
onSubmit={(data) => console.log('Form submitted:', data)}
animationType="slide-up"
mediaAnimation="slide-up"
useInvertedBackground={false}
ariaLabel="Contact form section"
className="elite-shine-contact"
containerClassName="px-4 py-16 md:py-24"
contentClassName="max-w-4xl mx-auto grid md:grid-cols-2 gap-12"
textContainerClassName="flex flex-col justify-center"
titleClassName="text-4xl md:text-5xl font-bold leading-tight mb-4"
descriptionClassName="text-lg text-gray-700 leading-relaxed mb-8"
formContainerClassName="bg-white rounded-lg p-8 shadow-lg"
formTitleClassName="text-2xl font-bold text-black mb-2"
formDescriptionClassName="text-gray-600 mb-6"
inputWrapperClassName="mb-4"
inputLabelClassName="block text-sm font-semibold text-black mb-2"
inputClassName="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-yellow-600"
textareaClassName="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:border-yellow-600 min-h-24 resize-none"
submitButtonClassName="w-full px-6 py-3 rounded-lg font-semibold transition-all mt-6"
formCardClassName="bg-white rounded-lg p-8 shadow-lg"
buttonClassName="w-full px-6 py-3 rounded-lg font-semibold transition-all mt-6"
mediaWrapperClassName="mt-12 md:mt-0"
mediaClassName="w-full h-auto rounded-xl shadow-2xl"
/>
</div>