Update src/app/about/page.tsx
This commit is contained in:
@@ -1,13 +1,12 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import Link from 'next/link';
|
||||
import { Palette, Award, Shield, CheckCircle } from 'lucide-react';
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Palette, Award, Shield, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
@@ -21,8 +20,7 @@ export default function AboutPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Kids Party Face Painting", href: "/services" },
|
||||
{ label: "Festival Face Art", href: "/services" },
|
||||
{ label: "Corporate Events", href: "/services" },
|
||||
@@ -30,8 +28,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Gallery", href: "/gallery" },
|
||||
{ label: "Packages", href: "/packages" },
|
||||
@@ -39,8 +36,7 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "TikTok", href: "https://tiktok.com" },
|
||||
@@ -48,9 +44,9 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Get Started",
|
||||
items: [
|
||||
{ label: "View Packages", href: "/packages" },
|
||||
title: "Service Areas", items: [
|
||||
{ label: "Local Events", href: "/contact" },
|
||||
{ label: "Regional Coverage", href: "/contact" },
|
||||
{ label: "Book Now", href: "/packages" },
|
||||
{ label: "Get Quote", href: "/contact" },
|
||||
],
|
||||
@@ -72,8 +68,8 @@ export default function AboutPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Paintasy"
|
||||
navItems={navItems}
|
||||
brandName="Paintasy"
|
||||
bottomLeftText="Creative Face & Body Art"
|
||||
bottomRightText="paintasy@events.com"
|
||||
/>
|
||||
@@ -86,12 +82,10 @@ export default function AboutPage() {
|
||||
background={{ variant: "radial-gradient" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11291.jpg?_wi=2",
|
||||
imageAlt: "Professional face painter artist at work",
|
||||
},
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-woman-with-towel-her-head-tassel_114579-27569.jpg?_wi=2", imageAlt: "Professional face painter artist at work"},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
ariaLabel="About page hero section"
|
||||
titleClassName="text-5xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90"
|
||||
/>
|
||||
@@ -104,7 +98,7 @@ export default function AboutPage() {
|
||||
tag="Professional Team"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-daughter-making-masks-home_1303-11291.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-towel-her-head-tassel_114579-27569.jpg?_wi=3"
|
||||
imageAlt="Our professional face painting artist"
|
||||
mediaAnimation="blur-reveal"
|
||||
metrics={[
|
||||
@@ -115,7 +109,6 @@ export default function AboutPage() {
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="About section with company story"
|
||||
titleClassName="text-4xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90 max-w-2xl"
|
||||
/>
|
||||
@@ -130,28 +123,20 @@ export default function AboutPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "value-1",
|
||||
title: "Creativity",
|
||||
description: "We believe in artistic expression and creative design. Every face is a canvas.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-brush-posing_23-2148263496.jpg?_wi=3",
|
||||
imageAlt: "Creative face painting designs",
|
||||
},
|
||||
id: "value-1", title: "Creativity", description: "We believe in artistic expression and creative design. Every face is a canvas.", media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/fabulous-drag-queen-getting-her-makeup-ready_23-2149138152.jpg?_wi=3", imageAlt: "Creative face painting designs"},
|
||||
items: [
|
||||
{ icon: Palette, text: "Artistic innovation" },
|
||||
{ icon: Shield, text: "Unique designs" },
|
||||
{ icon: Award, text: "Professional quality" },
|
||||
{ icon: Palette, text: "Unique designs" },
|
||||
{ icon: Palette, text: "Professional quality" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "value-2",
|
||||
title: "Safety & Professionalism",
|
||||
description: "We use only hypoallergenic, professional-grade face paints and maintain strict hygiene standards.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-girl-hare-face-paint_23-2147680474.jpg?_wi=5",
|
||||
imageAlt: "Safe professional face painting",
|
||||
},
|
||||
id: "value-2", title: "Safety & Professionalism", description: "We use only hypoallergenic, professional-grade face paints and maintain strict hygiene standards.", media: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/little-children-trick-treating-halloween_53876-40562.jpg?_wi=5", imageAlt: "Safe professional face painting"},
|
||||
items: [
|
||||
{ icon: Shield, text: "Hypoallergenic products" },
|
||||
{ icon: CheckCircle, text: "Safety certified" },
|
||||
@@ -159,39 +144,18 @@ export default function AboutPage() {
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "value-3",
|
||||
title: "Customer Happiness",
|
||||
description: "Your satisfaction is our top priority. We listen, adapt, and go the extra mile to create memorable moments.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-eating-delicious-birthday-cake_23-2147773201.jpg?_wi=4",
|
||||
imageAlt: "Happy children with face paintings",
|
||||
},
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "100% satisfaction" },
|
||||
{ icon: Palette, text: "Custom solutions" },
|
||||
{ icon: Award, text: "Excellent service" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
ariaLabel="Values section"
|
||||
containerClassName="gap-12"
|
||||
titleClassName="text-4xl font-extrabold"
|
||||
descriptionClassName="text-lg opacity-90"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<div id="footer-about" data-section="footer-about">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2024 Paintasy Face and Body Art. All rights reserved."
|
||||
bottomRightText="Professional Event Entertainment | Creative Services"
|
||||
ariaLabel="Site footer with links"
|
||||
containerClassName="gap-12"
|
||||
columnsClassName="grid-cols-2 lg:grid-cols-4"
|
||||
columnTitleClassName="font-extrabold text-lg"
|
||||
columnItemClassName="hover:opacity-70 transition-opacity"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user