262 lines
15 KiB
TypeScript
262 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Award, Camera, CheckCircle, Film, Heart, Mail, MapPin, Music, Smile, Sparkles, Star, User, Video } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Axel Del Cid"
|
|
navItems={[
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "reviews" }
|
|
]}
|
|
button={{ text: "Check Availability", href: "#contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="AXEL DEL CID"
|
|
description="Photography That Feels Like the Moment. Capturing weddings, performances, and unforgettable moments across New England with timeless photography and cinematic storytelling."
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "View Portfolio", href: "#portfolio" },
|
|
{ text: "Check Your Date", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/romantic-couple-enjoying-drinks-outdoors_23-2147891161.jpg"
|
|
imageAlt="Cinematic wedding photography moment"
|
|
mediaAnimation="blur-reveal"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Loved By Couples, Creators, and Performers"
|
|
description="Trusted by clients across New England for unforgettable moments captured with artistry and care."
|
|
tag="Client Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"⭐ 5-Star Client Reviews", "📍 Rhode Island & New England", "🎥 Photo + Video Available", "💬 Trusted Since 2015"
|
|
]}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<FeatureCardSeven
|
|
title="Portfolio Highlights"
|
|
description="A visual collection of moments across weddings, performances, portraits, and events."
|
|
tag="Featured Work"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Weddings", description: "Elegant photography capturing every meaningful moment — from quiet emotions to the celebration.", imageSrc: "http://img.b2bpic.net/free-photo/party-outdoors-pillow-hand-wedding_1153-2205.jpg", imageAlt: "Wedding photography portfolio"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Dance & Performance", description: "Trusted videographer for dance studios across New England, capturing movement, emotion, and artistry.", imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-neon-light-medium-shot_23-2149596325.jpg", imageAlt: "Dance performance videography"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Portraits & Couples", description: "Anniversary shoots, engagements, creative concepts, and lifestyle portraits that tell your story.", imageSrc: "http://img.b2bpic.net/free-photo/couple-park_1157-8306.jpg", imageAlt: "Professional portrait photography"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Events", description: "Corporate events, celebrations, and performances documented with professional precision.", imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891007.jpg", imageAlt: "Event photography coverage"
|
|
},
|
|
{
|
|
id: 5,
|
|
title: "Videography", description: "Cinematic storytelling designed to bring your memories to life with professional production.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-holding-vinyl-record_23-2149215535.jpg", imageAlt: "Professional videography service"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<SplitAbout
|
|
title="Why Clients Love Working With Axel"
|
|
description="From the first consultation to the final gallery delivery, every client receives the same level of artistry, professionalism, and dedication."
|
|
tag="Client Experience"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{
|
|
title: "Professional & Reliable", description: "Clients consistently praise Axel for his professionalism, punctuality, and calm presence during important moments.", icon: CheckCircle
|
|
},
|
|
{
|
|
title: "Makes You Feel Comfortable", description: "Whether it's a wedding or a portrait session, Axel creates a relaxed environment that brings out authentic emotion.", icon: Smile
|
|
},
|
|
{
|
|
title: "Goes Above & Beyond", description: "From last-minute ideas to unique concepts, Axel is known for delivering results that exceed expectations.", icon: Sparkles
|
|
},
|
|
{
|
|
title: "Full-Day Coverage", description: "Comprehensive photography services with second shooter options, engagement sessions, and highlight films.", icon: Camera
|
|
}
|
|
]}
|
|
imagePosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016747.jpg?_wi=1"
|
|
imageAlt="Axel Del Cid behind the camera"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured" data-section="featured">
|
|
<ContactCTA
|
|
tag="Featured Work"
|
|
tagIcon={Film}
|
|
title="Moments are Temporary. Photographs Make Them Timeless."
|
|
description="Watch a cinematic highlight reel showcasing our latest wedding films, dance performances, and portrait work."
|
|
buttons={[{ text: "View Gallery", href: "#gallery" }]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<PricingCardEight
|
|
title="Services & Offerings"
|
|
description="Comprehensive photography and videography services tailored to your needs."
|
|
tag="What We Offer"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "weddings", badge: "Most Popular", badgeIcon: Heart,
|
|
price: "Full-Day Coverage", subtitle: "Complete wedding photography & videography", buttons: [{ text: "Learn More", href: "#contact" }],
|
|
features: [
|
|
"8+ hours of coverage", "Second shooter available", "Engagement session", "Wedding highlight film", "Digital gallery delivery"
|
|
]
|
|
},
|
|
{
|
|
id: "videography", badge: "Cinematic", badgeIcon: Video,
|
|
price: "Custom Quotes", subtitle: "Professional videography services", buttons: [{ text: "Get Quote", href: "#contact" }],
|
|
features: [
|
|
"Weddings & performances", "Studio promotions", "Event coverage", "4K professional editing", "Color grading & sound design"
|
|
]
|
|
},
|
|
{
|
|
id: "portraits", badge: "Timeless", badgeIcon: User,
|
|
price: "Session Rates", subtitle: "Individual & couple portraits", buttons: [{ text: "Book Session", href: "#contact" }],
|
|
features: [
|
|
"Anniversary shoots", "Engagement sessions", "Creative concepts", "Lifestyle portraits", "Digital & print options"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Client Reviews"
|
|
description="Real feedback from couples, performers, and clients who've experienced Axel's work."
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah & Michael", role: "Wedding Couple", testimonial: "Axel remained composed during the chaos of our two-day Cambodian wedding and captured every moment perfectly. His professionalism and artistry were extraordinary. We couldn't have asked for a better photographer.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-park_1157-21970.jpg", imageAlt: "Sarah and Michael", icon: Heart
|
|
},
|
|
{
|
|
id: "2", name: "Emma Rodriguez", role: "Dance Studio Director", testimonial: "He makes you feel both comfortable and confident and always goes above expectations. The final videos are absolutely stunning and capture the essence of each performance beautifully.", imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg", imageAlt: "Emma Rodriguez", icon: Music
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Chen", role: "Social Media Manager", testimonial: "Our social media wouldn't be the same without his work. Axel has an incredible eye for capturing authentic moments and delivering content that truly resonates with our audience.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-holding-hands-his-jacket-white-shirt-jacket-looking-confident-front-view_176474-99663.jpg", imageAlt: "Jessica Chen", icon: Star
|
|
},
|
|
{
|
|
id: "4", name: "David & Lisa", role: "Anniversary Portrait Clients", testimonial: "Professional, accommodating, and incredibly talented. Our photos came out better than we imagined. Axel's ability to make us feel at ease resulted in the most beautiful, natural portraits we've ever had.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg", imageAlt: "David and Lisa", icon: Sparkles
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Hi, I'm Axel"
|
|
description="Photography has always been more than a job for me — it's how I tell stories. I believe the best photos come from genuine moments, not forced poses. Whether I'm photographing a wedding, filming a performance, or creating portraits, my goal is simple: make you feel comfortable and capture moments that feel real."
|
|
tag="About Axel"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{
|
|
title: "Storytelling Focus", description: "Every session is an opportunity to document authentic emotions and real connections.", icon: Camera
|
|
},
|
|
{
|
|
title: "Professional Excellence", description: "Over a decade of experience delivering stunning results that exceed expectations.", icon: Award
|
|
},
|
|
{
|
|
title: "New England Based", description: "Serving Rhode Island and throughout New England for weddings, performances, and events.", icon: MapPin
|
|
},
|
|
{
|
|
title: "Client Comfort", description: "Clients consistently mention the calm, professional energy I bring to every shoot."
|
|
}
|
|
]}
|
|
imagePosition="left"
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016747.jpg?_wi=2"
|
|
imageAlt="Axel Del Cid Photography"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Let's Connect"
|
|
tagIcon={Mail}
|
|
title="Let's Capture Something Unforgettable"
|
|
description="Ready to book your session or have questions about our services? Contact Axel to check availability and discuss your vision."
|
|
buttons={[
|
|
{ text: "Check Availability", href: "mailto:axel@axeldelcidphoto.com" },
|
|
{ text: "View Portfolio", href: "#portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="AXEL DEL CID PHOTOGRAPHY"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |