bender/d939e0de-9ee2-4cce-8001-97d19f7e5def
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

4 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
68b0d9a3eb Update src/app/page.tsx 2026-04-08 02:48:43 +00:00
bender
7a826e8b21 Merge version_1 into main 
Merge version_1 into main
 2026-04-08 02:38:22 +00:00
bender
10d5535414 Merge version_1 into main 
Merge version_1 into main
 2026-04-08 02:37:58 +00:00
bender
0c04f2b795 Merge version_1 into main 
Merge version_1 into main
 2026-04-08 02:37:29 +00:00
1 changed files with 113 additions and 119 deletions
Expand all files Collapse all files

232
src/app/page.tsx
View File

@@ -2,13 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; 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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; 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"; import { Camera } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
@@ -17,131 +17,125 @@ export default function LandingPage() {
defaultButtonVariant="text-shift" defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="pill" borderRadius="pill"
contentWidth="small" contentWidth="mediumLarge"
sizing="mediumLarge" sizing="largeSizeMediumTitles"
background="noise" background="noiseDiagonalGradient"
cardStyle="soft-shadow" cardStyle="glass-elevated"
primaryButtonStyle="double-inset" primaryButtonStyle="primary-glow"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="layered"
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ name: "Home", id: "#hero" }, { name: "Home", id: "#hero" },
{ name: "Gallery", id: "#gallery" }, { name: "Gallery", id: "#gallery" },
{ name: "About", id: "#about" }, { name: "About", id: "#about" },
{ name: "Reviews", id: "#reviews" }, { name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" } { name: "Contact", id: "#contact" }
]} ]}
brandName="Degrey Photography" brandName="Degrey Photography"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ variant: "gradient-bars" }} background={{ variant: "rotated-rays-animated" }}
title="Capturing Moments That Last Forever" title="Degrey Photography"
description="Weddings • Events • Portraits" description="Cinematic luxury storytelling for your most cherished moments."
buttons={[ buttons={[
{ text: "View Gallery", href: "#gallery" }, { text: "View Gallery", href: "#gallery" },
{ text: "Book a Session", href: "#contact" } { text: "Book a Session", href: "#contact" }
]} ]}
carouselItems={[ carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/eggs-feathers-near-bunch-flowers_23-2148073875.jpg?_wi=1", imageAlt: "Wedding Elegance" }, { 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", imageAlt: "Event Story" }, { 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", imageAlt: "Studio Portraits" }, { 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", imageAlt: "Emotional Portraits" }, { 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", imageAlt: "Artistic Vision" }, { 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", imageAlt: "Creative Lifestyle" } { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/mystical-woman-black-hood_23-2147902935.jpg?_wi=1" }
]} ]}
/> />
</div> </div>
<div id="gallery" data-section="gallery"> <div id="gallery" data-section="gallery">
<ProductCardFour <ProductCardFour
textboxLayout="split" textboxLayout="split"
gridVariant="bento-grid" gridVariant="bento-grid"
animationType="slide-up" animationType="blur-reveal"
useInvertedBackground={true} useInvertedBackground={true}
products={[ title="The Art of Light"
{ 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" }, description="An exclusive look into our recent portfolio of luxury photography."
{ 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" }, products={[
{ 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: "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: "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: "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: "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: "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: "p6", name: "Lifestyle", price: "Featured", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/mystical-woman-black-hood_23-2147902935.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" },
title="Our Work" { id: "p6", name: "Editorial", price: "Cinematic", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/mystical-woman-black-hood_23-2147902935.jpg?_wi=2" }
description="A curated selection of our recent photography work." ]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={false} tag="About the Artist"
tag="About Degrey Photography" title="Don's Expertise"
title="Capturing Your Unique Story" 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."
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="Professionalism, creative precision, and a warm, guiding presence characterize every assignment."
subdescription="Every session is tailored to ensure you feel comfortable, confident, and celebrated." icon={Camera}
icon={Camera} imageSrc="http://img.b2bpic.net/free-photo/young-woman-taking-pictures-witha-camera-red-background-high-quality-photo_114579-60901.jpg"
imageSrc="http://img.b2bpic.net/free-photo/young-woman-taking-pictures-witha-camera-red-background-high-quality-photo_114579-60901.jpg" mediaAnimation="blur-reveal"
mediaAnimation="slide-up" useInvertedBackground={false}
/> />
</div> </div>
<div id="reviews" data-section="reviews"> <div id="reviews" data-section="reviews">
<TestimonialCardTwo <TestimonialCardTwo
animationType="depth-3d" title="Client Experiences"
textboxLayout="split" description="Polished testimonials from clients who appreciate the cinematic touch."
useInvertedBackground={true} animationType="depth-3d"
testimonials={[ textboxLayout="split"
{ 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" }, useInvertedBackground={true}
{ 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" }, testimonials={[
{ 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: "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: "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: "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: "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" } { 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" }
]} ]}
title="What Our Clients Say" />
description="5.0 Stars from 85+ Happy Clients" </div>
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} tag="Inquire Now"
background={{ variant: "radial-gradient" }} title="Let's Craft Your Legacy"
tag="Ready to Book?" description="Ready for a luxury experience? Contact us for bookings and consultations."
title="Let's Create Together" buttons={[{ text: "Inquire About Booking", href: "#contact" }]}
description="Located in Markham, Ontario. Available for weddings, events, and portrait sessions. Call us at (416) 892-3957." background={{ variant: "sparkles-gradient" }}
buttons={[{ text: "Book Your Session", href: "#" }]} useInvertedBackground={false}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ logoText="Degrey Photography"
{ columns={[
title: "Navigation", items: [ { title: "Navigation", items: [
{ label: "Home", href: "#hero" }, { label: "Home", href: "#hero" },
{ label: "Gallery", href: "#gallery" }, { label: "Gallery", href: "#gallery" },
{ label: "About", href: "#about" }, { label: "About", href: "#about" },
{ label: "Contact", href: "#contact" } { label: "Contact", href: "#contact" }
] ] },
}, { title: "Direct", items: [
{ { label: "(416) 892-3957", href: "tel:4168923957" },
title: "Connect", items: [ { label: "Markham, Ontario", href: "#" }
{ label: "(416) 892-3957", href: "tel:4168923957" }, ] }
{ label: "Markham, ON", href: "#" } ]}
] copyrightText="© 2025 Degrey Photography. Luxury Cinematic Portraits."
} />
]} </div>
logoText="Degrey Photography"
copyrightText="© 2025 Degrey Photography. All Rights Reserved."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }