Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 68b0d9a3eb | |||
| 7a826e8b21 | |||
| 10d5535414 | |||
| 0c04f2b795 |
232
src/app/page.tsx
232
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Camera } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -17,131 +17,125 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Degrey Photography"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Degrey Photography"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Capturing Moments That Last Forever"
|
||||
description="Weddings • Events • Portraits"
|
||||
buttons={[
|
||||
{ text: "View Gallery", href: "#gallery" },
|
||||
{ text: "Book a Session", href: "#contact" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-bunch-flowers_23-2148073875.jpg?_wi=1", imageAlt: "Wedding Elegance" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/smiling-elegant-woman-young-man-near-street-lamp_23-2148012454.jpg?_wi=1", imageAlt: "Event Story" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg?_wi=1", imageAlt: "Studio Portraits" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-garland-dark-street_23-2148019989.jpg?_wi=1", imageAlt: "Emotional Portraits" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/graceful-female-dancer-black-apparel-posing-with-hand-waist-dark-illuminated-studio-low_7502-10547.jpg?_wi=1", imageAlt: "Artistic Vision" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/mystical-woman-black-hood_23-2147902935.jpg?_wi=1", imageAlt: "Creative Lifestyle" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Degrey Photography"
|
||||
description="Cinematic luxury storytelling for your most cherished moments."
|
||||
buttons={[
|
||||
{ text: "View Gallery", href: "#gallery" },
|
||||
{ text: "Book a Session", href: "#contact" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-bunch-flowers_23-2148073875.jpg?_wi=1" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/smiling-elegant-woman-young-man-near-street-lamp_23-2148012454.jpg?_wi=1" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg?_wi=1" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-garland-dark-street_23-2148019989.jpg?_wi=1" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/graceful-female-dancer-black-apparel-posing-with-hand-waist-dark-illuminated-studio-low_7502-10547.jpg?_wi=1" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/mystical-woman-black-hood_23-2147902935.jpg?_wi=1" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Weddings", price: "Featured", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-bunch-flowers_23-2148073875.jpg?_wi=2" },
|
||||
{ id: "p2", name: "Engagements", price: "Featured", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-garland-dark-street_23-2148019989.jpg?_wi=2" },
|
||||
{ id: "p3", name: "Events", price: "Featured", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/smiling-elegant-woman-young-man-near-street-lamp_23-2148012454.jpg?_wi=2" },
|
||||
{ id: "p4", name: "Headshots", price: "Featured", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg?_wi=2" },
|
||||
{ id: "p5", name: "Portraits", price: "Featured", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/graceful-female-dancer-black-apparel-posing-with-hand-waist-dark-illuminated-studio-low_7502-10547.jpg?_wi=2" },
|
||||
{ id: "p6", name: "Lifestyle", price: "Featured", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/mystical-woman-black-hood_23-2147902935.jpg?_wi=2" }
|
||||
]}
|
||||
title="Our Work"
|
||||
description="A curated selection of our recent photography work."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
title="The Art of Light"
|
||||
description="An exclusive look into our recent portfolio of luxury photography."
|
||||
products={[
|
||||
{ id: "p1", name: "Weddings", price: "Cinematic", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-bunch-flowers_23-2148073875.jpg?_wi=2" },
|
||||
{ id: "p2", name: "Engagements", price: "Cinematic", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-garland-dark-street_23-2148019989.jpg?_wi=2" },
|
||||
{ id: "p3", name: "Events", price: "Cinematic", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/smiling-elegant-woman-young-man-near-street-lamp_23-2148012454.jpg?_wi=2" },
|
||||
{ id: "p4", name: "Portraits", price: "Cinematic", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg?_wi=2" },
|
||||
{ id: "p5", name: "Lifestyle", price: "Cinematic", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/graceful-female-dancer-black-apparel-posing-with-hand-waist-dark-illuminated-studio-low_7502-10547.jpg?_wi=2" },
|
||||
{ id: "p6", name: "Editorial", price: "Cinematic", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/mystical-woman-black-hood_23-2147902935.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Degrey Photography"
|
||||
title="Capturing Your Unique Story"
|
||||
description="Don is a dedicated photographer known for being professional, patient, and deeply creative. With years of experience across weddings, events, and headshots, he transforms meaningful moments into artistic memories."
|
||||
subdescription="Every session is tailored to ensure you feel comfortable, confident, and celebrated."
|
||||
icon={Camera}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-taking-pictures-witha-camera-red-background-high-quality-photo_114579-60901.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="About the Artist"
|
||||
title="Don's Expertise"
|
||||
description="With a discerning eye for cinematic lighting and emotional resonance, Don crafts visual narratives that feel both timeless and intimate. Every session is a collaborative experience designed to bring out your natural elegance."
|
||||
subdescription="Professionalism, creative precision, and a warm, guiding presence characterize every assignment."
|
||||
icon={Camera}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-taking-pictures-witha-camera-red-background-high-quality-photo_114579-60901.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah & Mark", role: "Wedding Client", testimonial: "Don beautifully captured every special moment. His attention to detail is truly unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-photographer-girl-taking-photos-using-her-retro-camera_158538-1379.jpg" },
|
||||
{ id: "2", name: "Jennifer L.", role: "Headshot Client", testimonial: "My headshots are professional, relaxed, and efficient. Exceeded all expectations!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-adult-woman-teaching-sign-language_23-2148749818.jpg" },
|
||||
{ id: "3", name: "The Miller Family", role: "Family Session", testimonial: "Don was incredibly patient and creative with our First Holy Communion session. The results are beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/black-hourglass-gray-time-war-death_179666-42731.jpg" },
|
||||
{ id: "4", name: "David R.", role: "Event Client", testimonial: "Saved our event last-minute when another photographer canceled. A total life saver!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60821.jpg" },
|
||||
{ id: "5", name: "Amina S.", role: "Birthday Client", testimonial: "He captured the true essence of the celebration. So happy we chose him!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="5.0 Stars from 85+ Happy Clients"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
title="Client Experiences"
|
||||
description="Polished testimonials from clients who appreciate the cinematic touch."
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah & Mark", role: "Wedding Client", testimonial: "Don’s eye for lighting and composition turned our wedding into a cinematic masterpiece. We couldn't be happier.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-photographer-girl-taking-photos-using-her-retro-camera_158538-1379.jpg" },
|
||||
{ id: "2", name: "Jennifer L.", role: "Headshot Client", testimonial: "Professionalism defined. My images are striking and feel like high-end art.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-adult-woman-teaching-sign-language_23-2148749818.jpg" },
|
||||
{ id: "3", name: "The Miller Family", role: "Family Session", testimonial: "His ability to guide us through a complex shoot resulted in the most beautiful family portraits we've ever had.", imageSrc: "http://img.b2bpic.net/free-photo/black-hourglass-gray-time-war-death_179666-42731.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Ready to Book?"
|
||||
title="Let's Create Together"
|
||||
description="Located in Markham, Ontario. Available for weddings, events, and portrait sessions. Call us at (416) 892-3957."
|
||||
buttons={[{ text: "Book Your Session", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Inquire Now"
|
||||
title="Let's Craft Your Legacy"
|
||||
description="Ready for a luxury experience? Contact us for bookings and consultations."
|
||||
buttons={[{ text: "Inquire About Booking", href: "#contact" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "(416) 892-3957", href: "tel:4168923957" },
|
||||
{ label: "Markham, ON", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Degrey Photography"
|
||||
copyrightText="© 2025 Degrey Photography. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Degrey Photography"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
] },
|
||||
{ title: "Direct", items: [
|
||||
{ label: "(416) 892-3957", href: "tel:4168923957" },
|
||||
{ label: "Markham, Ontario", href: "#" }
|
||||
] }
|
||||
]}
|
||||
copyrightText="© 2025 Degrey Photography. Luxury Cinematic Portraits."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user