|
|
|
|
@@ -2,12 +2,11 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
|
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
|
|
|
import { Sparkles, Camera, Aperture, Film, Zap, Image } from 'lucide-react';
|
|
|
|
|
import { Camera, Aperture, Film, Zap, Image } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -38,27 +37,12 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<SocialProofOne
|
|
|
|
|
title="Live Feed from Instagram"
|
|
|
|
|
description="Follow my latest work and behind-the-scenes moments. Stay connected with my photography journey."
|
|
|
|
|
names={[
|
|
|
|
|
"Behind-the-Scenes Access", "Exclusive Previews", "Photography Tips & Tutorials", "Follower Community"
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
tag="Instagram Live Feed"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Follow on Instagram", href: "https://instagram.com/misaelsphotography" },
|
|
|
|
|
{ text: "View Portfolio", href: "/portfolio" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
speed={40}
|
|
|
|
|
showCard={true}
|
|
|
|
|
ariaLabel="Instagram live feed section"
|
|
|
|
|
/>
|
|
|
|
|
<div id="headline" data-section="headline" className="w-full py-32 px-4 bg-gradient-to-b from-primary-cta/10 to-transparent">
|
|
|
|
|
<div className="max-w-4xl mx-auto text-center">
|
|
|
|
|
<h1 className="text-6xl md:text-7xl font-bold text-foreground mb-4">
|
|
|
|
|
MISAELS PHOTOGRAPHY
|
|
|
|
|
</h1>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
@@ -96,7 +80,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
|
|
|
<ProductCardTwo
|
|
|
|
|
title="Portfolio Showcase"
|
|
|
|
|
description="A curated collection of my finest work across different styles and moments. Each image represents a story, an emotion, and a commitment to excellence."
|
|
|
|
|
description="Trusted by 100+ clients for capturing authentic moments. Each image represents measurable results: enhanced personal brands, cherished memories, and professional-grade visual storytelling that exceeds expectations."
|
|
|
|
|
tag="Gallery"
|
|
|
|
|
tagIcon={Image}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
@@ -144,7 +128,8 @@ export default function LandingPage() {
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Book Now", href: "/booking" }
|
|
|
|
|
{ text: "Book Now", href: "/booking" },
|
|
|
|
|
{ text: "Contact Us", href: "/contact-us" }
|
|
|
|
|
]}
|
|
|
|
|
animationType="entrance-slide"
|
|
|
|
|
ariaLabel="Booking section call to action"
|
|
|
|
|
|