4 Commits

Author SHA1 Message Date
68b0d9a3eb Update src/app/page.tsx 2026-04-08 02:48:43 +00:00
7a826e8b21 Merge version_1 into main
Merge version_1 into main
2026-04-08 02:38:22 +00:00
10d5535414 Merge version_1 into main
Merge version_1 into main
2026-04-08 02:37:58 +00:00
0c04f2b795 Merge version_1 into main
Merge version_1 into main
2026-04-08 02:37:29 +00:00

View File

@@ -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: "Dons 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>
);
}
}