271 lines
12 KiB
TypeScript
271 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Mail } from "lucide-react";
|
|
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Portfolio", id: "/portfolio" },
|
|
{ name: "Journal", id: "/journal" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
];
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Trevor Melton"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Inquire Now",
|
|
href: "/inquire",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="TREVOR MELTON"
|
|
description="Premium architectural and luxury real estate photography that transforms spaces into visual narratives. Designed for developers, architects, and brands who refuse compromise."
|
|
background={{ variant: "floatingGradient" }}
|
|
buttons={[
|
|
{ text: "View Portfolio", href: "/portfolio" },
|
|
{ text: "Inquire Now", href: "/services" },
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-multistory-apartment-complex-building_181624-5114.jpg"
|
|
imageAlt="Cinematic architectural photography showcasing luxury estate"
|
|
frameStyle="card"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-projects" data-section="featured-projects">
|
|
<FeatureCardOne
|
|
title="Featured Projects"
|
|
description="A curated selection of recent luxury residences and architectural documentation that define contemporary excellence."
|
|
tag="Portfolio Highlights"
|
|
features={[
|
|
{
|
|
title: "Modern Penthouse",
|
|
description: "Sleek urban sanctuary with floor-to-ceiling glass and pristine interiors captured in liquid light.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fiance-with-friends-drining-wedding-day-indoors_8353-12087.jpg?_wi=1",
|
|
imageAlt: "Modern penthouse interior",
|
|
},
|
|
{
|
|
title: "Waterfront Estate",
|
|
description: "Sprawling luxury compound featuring crystalline pool reflections and architectural drama at twilight.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020299.jpg?_wi=1",
|
|
imageAlt: "Luxury estate with pool exterior",
|
|
},
|
|
{
|
|
title: "Chef's Kitchen",
|
|
description: "Custom culinary space where precision design meets authentic functionality in minimalist elegance.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-is-drinking-water-talking-mobile-phone-smiling-while-standing-kitchen-home_231208-9934.jpg?_wi=1",
|
|
imageAlt: "Luxury kitchen design",
|
|
},
|
|
{
|
|
title: "Spa Sanctuary",
|
|
description: "Serene master bathroom retreat embodying luxury wellness through sophisticated material and light play.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/white-porcelain-sink-with-towels_1203-1320.jpg?_wi=1",
|
|
imageAlt: "Luxury bathroom interior",
|
|
},
|
|
{
|
|
title: "Commercial Landmark",
|
|
description: "Iconic office tower with striking geometric facades captured across light and shadow conditions.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-lady-outdoors_171337-19434.jpg?_wi=1",
|
|
imageAlt: "Modern commercial building",
|
|
},
|
|
{
|
|
title: "Grand Dining Hall",
|
|
description: "Entertaining masterpiece with sophisticated ambiance, perfect for high-end lifestyle documentation.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-authentic-interior-design_53876-129853.jpg?_wi=1",
|
|
imageAlt: "Luxury dining room",
|
|
},
|
|
]}
|
|
gridVariant="one-large-right-three-stacked-left"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-trevor" data-section="why-trevor">
|
|
<FeatureCardOne
|
|
title="Why Trevor Melton"
|
|
description="Three pillars define our approach to luxury architectural and real estate photography."
|
|
tag="Our Philosophy"
|
|
features={[
|
|
{
|
|
title: "Technical Excellence",
|
|
description: "Mastery of light, composition, and equipment ensures every frame is flawless. From golden hour magic to precise architectural documentation, technical precision is non-negotiable.",
|
|
},
|
|
{
|
|
title: "Artistic Vision",
|
|
description: "Beyond documentation—we craft narratives. Each space tells a story of design intent, lifestyle aspiration, and emotional connection through authentic, poetic imagery.",
|
|
},
|
|
{
|
|
title: "Client Collaboration",
|
|
description: "We listen deeply to understand your vision. Bespoke creative direction, flexible scheduling, and strategic positioning ensure your properties command premium attention and pricing.",
|
|
},
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="press-logos" data-section="press-logos">
|
|
<SocialProofOne
|
|
title="As Seen In"
|
|
description="Trevor Melton's work has been featured in leading publications and media outlets globally."
|
|
tag="Press & Media"
|
|
names={[
|
|
"Wall Street Journal",
|
|
"The Real Deal",
|
|
"Luxury Portfolio",
|
|
"Mansion Global",
|
|
"New York Post",
|
|
"Architectural Digest",
|
|
"Robb Report",
|
|
"Luxe Magazine",
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={45}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Trusted By Industry Leaders"
|
|
description="Architects, developers, and luxury real estate agents rely on Trevor's uncompromising commitment to excellence."
|
|
tag="Client Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Marcus Chen",
|
|
handle: "Principal Architect, Chen Design Group",
|
|
testimonial: "Trevor's photographs have elevated every project we've presented. His understanding of architectural intent is exceptional—he doesn't just document, he amplifies design vision.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",
|
|
imageAlt: "Marcus Chen",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Victoria Sterling",
|
|
handle: "CEO, Sterling Luxury Estates",
|
|
testimonial: "Working with Trevor transformed our marketing strategy. His imagery commands premium positioning—buyers respond to the authenticity and technical perfection.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149713708.jpg?_wi=1",
|
|
imageAlt: "Victoria Sterling",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "James Rothstein",
|
|
handle: "Development Director, Rothstein Partners",
|
|
testimonial: "Trevor's work is instrumental to our project launches. He captures not just buildings, but the aspirational lifestyle these spaces represent. Genuinely transformative.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friendly-businessman-with-arms-crossed_23-2147985122.jpg?_wi=1",
|
|
imageAlt: "James Rothstein",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Isabella Rossi",
|
|
handle: "Interior Designer, Rossi Contemporary",
|
|
testimonial: "Collaborating with Trevor is seamless. He understands design language intimately and translates spatial narratives with remarkable clarity. Essential partner for luxury projects.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/creative-man_1098-14894.jpg?_wi=1",
|
|
imageAlt: "Isabella Rossi",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "David Weinstein",
|
|
handle: "Luxury Real Estate Agent, The Pinnacle Group",
|
|
testimonial: "Trevor's photographs consistently generate higher inquiry rates and faster sales cycles. His technical precision combined with artistic vision is unmatched in South Florida.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg?_wi=1",
|
|
imageAlt: "David Weinstein",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Sophie Laurent",
|
|
handle: "Brand Director, Luxury Living Collective",
|
|
testimonial: "From portfolio shoots to editorial campaigns, Trevor delivers consistently exceptional work. His attention to detail and creative problem-solving set him apart as a true visionary.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=2",
|
|
imageAlt: "Sophie Laurent",
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
speed={35}
|
|
/>
|
|
</div>
|
|
|
|
<div id="newsletter" data-section="newsletter">
|
|
<ContactFaq
|
|
ctaTitle="Stay Up To Date"
|
|
ctaDescription="Join the community of architects, developers, and luxury professionals who receive exclusive insights and portfolio updates."
|
|
ctaButton={{
|
|
text: "Subscribe",
|
|
href: "#newsletter",
|
|
}}
|
|
ctaIcon={Mail}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What's included in the newsletter?",
|
|
content: "Monthly portfolio highlights, photography techniques, luxury design trends, and exclusive behind-the-scenes project insights delivered directly to your inbox.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How often do you send updates?",
|
|
content: "We send curated updates monthly, respecting your inbox. Unsubscribe anytime—no commitment required.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Is my information private?",
|
|
content: "Absolutely. We never share subscriber information and follow strict privacy protocols. Your data is secure with us.",
|
|
},
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Trevor Melton Photography"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |