233 lines
11 KiB
TypeScript
233 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, Camera, Smile } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Portfolio", id: "portfolio"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Lumina Lens"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
title="Capturing Moments, Defining Stories"
|
|
description="Professional photography services tailored to reveal the unique character of every subject and scene."
|
|
buttons={[
|
|
{
|
|
text: "View Portfolio", href: "#portfolio"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-lens-professional-lens-digital-camera_169016-52938.jpg", imageAlt: "Landscape photography"},
|
|
{
|
|
id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/man-proposing-his-happy-girlfriend-outdoors-love-marriage_53876-42593.jpg", imageAlt: "Portrait photography"},
|
|
{
|
|
id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-curve-hair-outdoor_624325-101.jpg", imageAlt: "Event photography"},
|
|
{
|
|
id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/gradient-specks-light_23-2147786092.jpg", imageAlt: "Commercial photography"},
|
|
{
|
|
id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/calm_181624-9353.jpg", imageAlt: "Travel photography"},
|
|
{
|
|
id: "slide6", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg", imageAlt: "Street photography"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Meet the Photographer"
|
|
description="With over a decade of experience, I specialize in blending technical precision with artistic intuition to create visually striking photographs that speak for themselves."
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-as-photographer_23-2150506128.jpg"
|
|
imageAlt="About the photographer"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardFour
|
|
textboxLayout="split"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "p1", name: "Nature Prints", price: "$150", variant: "Collection", imageSrc: "http://img.b2bpic.net/free-photo/professional-photographer-takes-photos-with-camera-tripod-rocky-peak-sunset-dark-tone_335224-432.jpg"},
|
|
{
|
|
id: "p2", name: "Portrait Sessions", price: "$300", variant: "Service", imageSrc: "http://img.b2bpic.net/free-photo/redhead-young-woman-smiling-holding-wooden-frame_23-2148183398.jpg"},
|
|
{
|
|
id: "p3", name: "Travel Guides", price: "$200", variant: "Collection", imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-placing-picture-frame-painted-pink-wall_23-2147909911.jpg"},
|
|
{
|
|
id: "p4", name: "Editorial Art", price: "$450", variant: "Collection", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-scrapbook-with-photos_23-2149600163.jpg"},
|
|
{
|
|
id: "p5", name: "Black & White", price: "$180", variant: "Collection", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-glass-window-building-middle-city_181624-6655.jpg"},
|
|
{
|
|
id: "p6", name: "Wedding Packages", price: "$1200", variant: "Service", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-photo_53876-32442.jpg"},
|
|
]}
|
|
title="Featured Work"
|
|
description="Explore a curated selection of my professional photography projects."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "High Resolution", description: "Crisp, clear detail in every image delivered.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253175.jpg", imageAlt: "High Res"},
|
|
{
|
|
title: "Professional Lighting", description: "Mastery of studio and natural light setups.", imageSrc: "http://img.b2bpic.net/free-photo/vase-model-standing-table-empty-creative-school-studio-class-inspiration-contemporary-class-with-nobody-it-ready-drawing-lesson-equipped-with-professional-sketching-tools_482257-38987.jpg", imageAlt: "Lighting"},
|
|
{
|
|
title: "Expert Editing", description: "Professional post-processing for a polished finish.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-flower-press-technique-still-life_23-2150276382.jpg", imageAlt: "Editing"},
|
|
]}
|
|
title="Our Professional Approach"
|
|
description="Excellence in every frame, ensuring high standards for every client interaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Camera,
|
|
title: "Photos Taken", value: "15,000+"},
|
|
{
|
|
id: "m2", icon: Smile,
|
|
title: "Happy Clients", value: "500+"},
|
|
{
|
|
id: "m3", icon: Award,
|
|
title: "Awards Won", value: "24"},
|
|
]}
|
|
title="By The Numbers"
|
|
description="Experience measured in projects, clients, and smiles."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "Amazing Work!", quote: "Incredible eye for detail, very professional.", name: "Jane Doe", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-indoors_23-2149734568.jpg"},
|
|
{
|
|
id: "t2", title: "Highly Recommend", quote: "The portraits captured our personalities perfectly.", name: "John Smith", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg"},
|
|
{
|
|
id: "t3", title: "Top Tier", quote: "Responsive and creative throughout the process.", name: "Emily Rose", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-fairskinned-adult-woman-smiles-strongly-with-her-teeth-narrowing-eyes-sunny-day-brunette-wears-casual-clothes_197531-31242.jpg"},
|
|
{
|
|
id: "t4", title: "Pure Magic", quote: "The wedding photos were beyond expectations.", name: "David Clark", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-woman-smiling-against-backdrop-jewelry-store-copy-space-with-joyful-scene-choosing-gifts-anniversary-christmas_166373-8861.jpg"},
|
|
{
|
|
id: "t5", title: "A True Artist", quote: "Professional photography that tells a story.", name: "Lisa Wang", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bride-wearing-white-her-wedding_23-2150835690.jpg"},
|
|
]}
|
|
title="Client Feedback"
|
|
description="What our clients say about the artistic journey."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you travel for shoots?", content: "Yes, I travel locally and internationally for projects."},
|
|
{
|
|
id: "f2", title: "How long until I get photos?", content: "Standard delivery time is 2-4 weeks after the shoot."},
|
|
{
|
|
id: "f3", title: "Are digital files included?", content: "All high-resolution edited files are provided."},
|
|
]}
|
|
title="Frequently Asked"
|
|
description="Common questions regarding photography sessions and pricing."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Let's Connect"
|
|
title="Secure Your Date"
|
|
description="Reach out to schedule your professional photography session today."
|
|
buttons={[
|
|
{
|
|
text: "Check Availability", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Lumina Lens"
|
|
columns={[
|
|
{
|
|
title: "Portfolio", items: [
|
|
{
|
|
label: "Featured", href: "#portfolio"},
|
|
{
|
|
label: "Portraits", href: "#"},
|
|
{
|
|
label: "Landscape", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Book Now", href: "#contact"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "About", href: "#about"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |