Update src/app/services/page.tsx
This commit is contained in:
@@ -30,12 +30,10 @@ export default function ServicesPage() {
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="Rami Haddad" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
{/* Services Section */}
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
title="Services Photographiques"
|
||||
@@ -45,26 +43,11 @@ export default function ServicesPage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "service-portrait",
|
||||
title: "Photographie de Portrait",
|
||||
description: "Portraits professionnels pour la marque personnelle, shootings artistiques et portraits en studio ou en extérieur avec éclairage premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-beautiful-elegant-young-woman-pretty-black-sweater_114579-81915.jpg?_wi=2",
|
||||
imageAlt: "Professional portrait service",
|
||||
},
|
||||
id: "service-portrait", title: "Photographie de Portrait", description: "Portraits professionnels pour la marque personnelle, shootings artistiques et portraits en studio ou en extérieur avec éclairage premium.", imageSrc: "https://images.unsplash.com/photo-1535632066927-ab7c9ab60908?w=800&q=80", imageAlt: "Professional portrait service male photographer"},
|
||||
{
|
||||
id: "service-event",
|
||||
title: "Photographie d'Événement",
|
||||
description: "Couverture complète d'événements corporatifs, mariages, célébrations avec capture des moments clés et ambiance générale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-party-sunset_1098-13571.jpg?_wi=2",
|
||||
imageAlt: "Event photography service",
|
||||
},
|
||||
id: "service-event", title: "Photographie d'Événement", description: "Couverture complète d'événements corporatifs, mariages, célébrations avec capture des moments clés et ambiance générale.", imageSrc: "https://images.unsplash.com/photo-1514320291840-2e0a9bf2a9ae?w=800&q=80", imageAlt: "Event photography service professional"},
|
||||
{
|
||||
id: "service-nature",
|
||||
title: "Photographie de Nature",
|
||||
description: "Photographie de paysages et exploration de la nature, du Québec aux destinations lointaines, avec expertise en conditions variées.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-trees-lake-maksimir-park-zagreb-croatia-springtime_181624-22043.jpg?_wi=2",
|
||||
imageAlt: "Nature photography service",
|
||||
},
|
||||
id: "service-nature", title: "Photographie de Nature", description: "Photographie de paysages et exploration de la nature, du Québec aux destinations lointaines, avec expertise en conditions variées.", imageSrc: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&q=80", imageAlt: "Nature photography service landscape"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -72,15 +55,12 @@ export default function ServicesPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Vous avez un projet ?",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Vous avez un projet ?", href: "contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Gallery Showcase */}
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardThree
|
||||
title="Galerie Mise en avant"
|
||||
@@ -89,26 +69,11 @@ export default function ServicesPage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "gallery-item-1",
|
||||
name: "Portrait Studio",
|
||||
price: "À partir de 250$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-being-photographed_23-2148565559.jpg?_wi=3",
|
||||
imageAlt: "Studio portrait session",
|
||||
},
|
||||
id: "gallery-item-1", name: "Portrait Studio", price: "À partir de 250$", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&q=80", imageAlt: "Studio portrait session male model"},
|
||||
{
|
||||
id: "gallery-item-2",
|
||||
name: "Événement Pro",
|
||||
price: "À partir de 800$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fancy-dressed-man-woman-silver-gown-hug-each-other-tender-standing-before-christmas-tree_8353-9054.jpg?_wi=3",
|
||||
imageAlt: "Professional event coverage",
|
||||
},
|
||||
id: "gallery-item-2", name: "Événement Pro", price: "À partir de 800$", imageSrc: "https://images.unsplash.com/photo-1492684223066-81342ee5ff30?w=800&q=80", imageAlt: "Professional event coverage celebration"},
|
||||
{
|
||||
id: "gallery-item-3",
|
||||
name: "Nature & Paysage",
|
||||
price: "À partir de 300$",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-mountain_58702-16470.jpg?_wi=3",
|
||||
imageAlt: "Landscape photography",
|
||||
},
|
||||
id: "gallery-item-3", name: "Nature & Paysage", price: "À partir de 300$", imageSrc: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&q=80", imageAlt: "Landscape photography nature scenic"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -118,7 +83,6 @@ export default function ServicesPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Call to Action */}
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactText
|
||||
text="Vous avez un projet photo en tête ? Parlons de votre vision et créons quelque chose d'extraordinaire ensemble."
|
||||
@@ -126,26 +90,21 @@ export default function ServicesPage() {
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Contactez-moi", href: "/contact" },
|
||||
{ text: "Voir Portfolio", href: "/portfolio" },
|
||||
{ text: "Contactez-moi", href: "contact" },
|
||||
{ text: "Voir Portfolio", href: "portfolio" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Rami Haddad"
|
||||
leftLink={{
|
||||
text: "Politique de confidentialité",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Politique de confidentialité", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Conditions d'utilisation",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Conditions d'utilisation", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user