Update src/app/page.tsx

This commit is contained in:
2026-03-14 05:42:19 +00:00
parent d640356f87
commit 796be1b6cf

View File

@@ -17,13 +17,13 @@ import Head from 'next/head';
export default function HomePage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "Gallery", id: "gallery" },
{ name: "Packages", id: "packages" },
{ name: "About", id: "about" },
{ name: "Booking", id: "/booking" },
{ name: "Contact", id: "/contact" },
{ name: "Booking", id: "booking" },
{ name: "Contact", id: "contact" },
];
const footerColumns = [
@@ -101,7 +101,7 @@ export default function HomePage() {
buttonAnimation="blur-reveal"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg", imageAlt: "Professional face painting at event"},
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg?_wi=2", imageAlt: "Professional face painting at event"},
]}
mediaAnimation="opacity"
ariaLabel="Hero section with professional face painting showcase"
@@ -184,8 +184,8 @@ export default function HomePage() {
buttonAnimation="blur-reveal"
ariaLabel="Services section showcasing face painting offerings"
containerClassName="gap-8 lg:gap-12"
titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
itemClassName=""
mediaWrapperClassName=""
/>
</div>
@@ -220,9 +220,9 @@ export default function HomePage() {
buttonAnimation="blur-reveal"
ariaLabel="Pricing section with package options"
containerClassName="gap-8 lg:gap-12"
titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
cardClassName="p-6 sm:p-8"
cardContentClassName=""
planTagClassName=""
planPriceClassName=""
/>
</div>
@@ -261,8 +261,8 @@ export default function HomePage() {
buttonAnimation="blur-reveal"
ariaLabel="Client testimonials section"
containerClassName="gap-8 lg:gap-12"
titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
imageWrapperClassName=""
roleClassName=""
/>
</div>
@@ -292,8 +292,8 @@ export default function HomePage() {
buttonAnimation="blur-reveal"
ariaLabel="Photo gallery preview section"
containerClassName="gap-8 lg:gap-12"
titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
cardNameClassName=""
cardPriceClassName=""
/>
</div>
@@ -327,8 +327,8 @@ export default function HomePage() {
buttonAnimation="blur-reveal"
ariaLabel="FAQ section with common questions"
containerClassName="gap-8 lg:gap-12"
titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
accordionClassName=""
accordionTitleClassName=""
/>
</div>
@@ -339,7 +339,7 @@ export default function HomePage() {
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
buttons={[
{ text: "Request a Quote", href: "/booking" },
{ text: "Request a Quote", href: "/contact" },
{ text: "Call Us", href: "tel:+15551234567" },
]}
ariaLabel="Contact call-to-action section"