Update src/app/page.tsx
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user