Update src/app/gallery/page.tsx
This commit is contained in:
@@ -18,9 +18,7 @@ export default function GalleryPage() {
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Book a Cut",
|
||||
href: "contact",
|
||||
};
|
||||
text: "Book a Cut", href: "contact"};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -29,7 +27,7 @@ export default function GalleryPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -51,48 +49,30 @@ export default function GalleryPage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Classic Haircuts",
|
||||
description: "Timeless styles executed with precision. Clean lines and expert fading showcase our traditional barbering expertise.",
|
||||
icon: Scissors,
|
||||
title: "Classic Haircuts", description: "Timeless styles executed with precision. Clean lines and expert fading showcase our traditional barbering expertise.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ixcvty&_wi=3",
|
||||
imageAlt: "Professional haircut with clean lines",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ixcvty", imageAlt: "Professional haircut with clean lines"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rjxg28&_wi=3",
|
||||
imageAlt: "Detailed haircut styling",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rjxg28", imageAlt: "Detailed haircut styling"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Skin Fades",
|
||||
description: "Modern precision fades with smooth blending. Our signature service delivering ultra-clean, sharp results.",
|
||||
icon: Scissors,
|
||||
title: "Skin Fades", description: "Modern precision fades with smooth blending. Our signature service delivering ultra-clean, sharp results.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oif0sf&_wi=3",
|
||||
imageAlt: "Clean skin fade haircut",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oif0sf", imageAlt: "Clean skin fade haircut"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ru3uks&_wi=3",
|
||||
imageAlt: "Professional fade styling",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ru3uks", imageAlt: "Professional fade styling"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Beard Work",
|
||||
description: "Sculpted beard designs with meticulous attention to shape and texture. Custom beard styling for every face.",
|
||||
icon: Scissors,
|
||||
title: "Beard Work", description: "Sculpted beard designs with meticulous attention to shape and texture. Custom beard styling for every face.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l3f3dk&_wi=3",
|
||||
imageAlt: "Professional beard trim",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l3f3dk", imageAlt: "Professional beard trim"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zp9zuw&_wi=3",
|
||||
imageAlt: "Detailed beard styling",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zp9zuw", imageAlt: "Detailed beard styling"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -101,9 +81,7 @@ export default function GalleryPage() {
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cut",
|
||||
href: "contact",
|
||||
},
|
||||
text: "Book Your Cut", href: "contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -115,17 +93,12 @@ export default function GalleryPage() {
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (559) 596-9222",
|
||||
href: "tel:+15595969222",
|
||||
},
|
||||
text: "Call (559) 596-9222", href: "tel:+15595969222"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#footer",
|
||||
},
|
||||
text: "Visit Us", href: "#footer"},
|
||||
]}
|
||||
background={{
|
||||
variant: "grid",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,19 +110,13 @@ export default function GalleryPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+15595969222",
|
||||
ariaLabel: "Call Us",
|
||||
},
|
||||
href: "tel:+15595969222", ariaLabel: "Call Us"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user