bender/0e3c7473-b8e5-4522-9e44-726f46bb1309
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 00:53:09 +00:00
parent 68f7dc944e
commit 44c193ebd3
1 changed files with 62 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

335
src/app/page.tsx
View File

@@ -3,16 +3,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Camera, Star } from "lucide-react";
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Camera, Star, Mail, Phone } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,26 +32,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "about",
},
{
name: "Portfolio",
id: "products",
},
{
name: "Services",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "About", id: "about" },
{ name: "Portfolio", id: "products" },
{ name: "Services", id: "features" },
{ name: "Testimonials", id: "testimonial" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="FocusLens"
/>
@@ -59,42 +45,16 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Visual Storytelling for Every Space and Occasion"
description="Professional photography services ranging from real estate and architecture to events and commercial menus."
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-scandinavian-living-room-with-working-table-bookshelf_105762-2141.jpg",
imageAlt: "Real Estate",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/back-view-bride-tiered-ruffle-wedding-dresses-leather-black-jacket-leaning-washstand-touching-her-lips-while_8353-11982.jpg",
imageAlt: "Weddings",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-salad-copy-space-card_23-2148748868.jpg",
imageAlt: "Culinary",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-glasses-filled-with-champagne_181624-13032.jpg",
imageAlt: "Events",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/vase-with-dry-wheat_23-2148879076.jpg",
imageAlt: "Interiors",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
imageAlt: "Creative",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-scandinavian-living-room-with-working-table-bookshelf_105762-2141.jpg", imageAlt: "Real Estate" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/back-view-bride-tiered-ruffle-wedding-dresses-leather-black-jacket-leaning-washstand-touching-her-lips-while_8353-11982.jpg", imageAlt: "Weddings" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-salad-copy-space-card_23-2148748868.jpg", imageAlt: "Culinary" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-glasses-filled-with-champagne_181624-13032.jpg", imageAlt: "Events" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/vase-with-dry-wheat_23-2148879076.jpg", imageAlt: "Interiors" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Creative" },
]}
/>
</div>
@@ -104,21 +64,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Expertise in Every Frame"
metrics={[
{
icon: Camera,
label: "Properties Shot",
value: "500+",
},
{
icon: Star,
label: "Happy Clients",
value: "200+",
},
{
icon: Award,
label: "Years Experience",
value: "10+",
},
{ icon: Camera, label: "Properties Shot", value: "500+" },
{ icon: Star, label: "Happy Clients", value: "200+" },
{ icon: Award, label: "Years Experience", value: "10+" },
]}
metricsAnimation="blur-reveal"
/>
@@ -131,60 +79,12 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Real Estate",
name: "Luxury Residential",
price: "From $250",
rating: 5,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-dancing-girl-headphones-listening-music-street-enjoying-sound-earphones_1258-193182.jpg",
},
{
id: "p2",
brand: "Events",
name: "Wedding Ceremonies",
price: "Custom Quote",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-white-ranunculus-flowers-blurred-background-with-heart_169016-52107.jpg",
},
{
id: "p3",
brand: "Culinary",
name: "Menu & Dish",
price: "From $150",
rating: 4,
reviewCount: "30",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89990.jpg",
},
{
id: "p4",
brand: "Events",
name: "Corporate Functions",
price: "From $300",
rating: 5,
reviewCount: "25",
imageSrc: "http://img.b2bpic.net/free-photo/tv-game-show-with-two-participants-stand-tribunes-excited-women-tv-studio-filming-tv-show_1157-47926.jpg",
},
{
id: "p5",
brand: "Interiors",
name: "Home Staging",
price: "From $200",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/drawer-lighting-warm-led-profile-blue-fronts_169016-69064.jpg",
},
{
id: "p6",
brand: "Lifestyle",
name: "Brand Portraits",
price: "From $100",
rating: 5,
reviewCount: "50",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-nature_23-2148170325.jpg",
},
{ id: "p1", brand: "Real Estate", name: "Luxury Residential", price: "From $250", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-dancing-girl-headphones-listening-music-street-enjoying-sound-earphones_1258-193182.jpg" },
{ id: "p2", brand: "Events", name: "Wedding Ceremonies", price: "Custom Quote", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-white-ranunculus-flowers-blurred-background-with-heart_169016-52107.jpg" },
{ id: "p3", brand: "Culinary", name: "Menu & Dish", price: "From $150", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-squashes-designed-meal-inside-plate-grey-surface_140725-89990.jpg" },
{ id: "p4", brand: "Events", name: "Corporate Functions", price: "From $300", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/tv-game-show-with-two-participants-stand-tribunes-excited-women-tv-studio-filming-tv-show_1157-47926.jpg" },
{ id: "p5", brand: "Interiors", name: "Home Staging", price: "From $200", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/drawer-lighting-warm-led-profile-blue-fronts_169016-69064.jpg" },
{ id: "p6", brand: "Lifestyle", name: "Brand Portraits", price: "From $100", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-nature_23-2148170325.jpg" },
]}
title="Featured Portfolio"
description="A glimpse into our diverse professional photography work."
@@ -196,24 +96,8 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Distorted perspective",
"Poor lighting",
"Inconsistent branding",
"Delayed delivery",
"Unprofessional presentation",
],
}}
positiveCard={{
items: [
"High-dynamic range processing",
"Color-corrected editing",
"Wide-angle compositions",
"24-hour turnaround",
"Full commercial licensing",
],
}}
negativeCard={{ items: ["Distorted perspective", "Poor lighting", "Inconsistent branding", "Delayed delivery", "Unprofessional presentation"] }}
positiveCard={{ items: ["High-dynamic range processing", "Color-corrected editing", "Wide-angle compositions", "24-hour turnaround", "Full commercial licensing"] }}
title="Why Choose Our Photography"
description="Professional quality and reliability that makes every project shine."
/>
@@ -225,163 +109,68 @@ export default function LandingPage() {
title="Impact by the Numbers"
tag="Performance"
metrics={[
{
id: "m1",
value: "24h",
description: "Average turnaround time",
},
{
id: "m2",
value: "99%",
description: "Client satisfaction rate",
},
{
id: "m3",
value: "15+",
description: "Years of expertise",
},
{ id: "m1", value: "24h", description: "Average turnaround time" },
{ id: "m2", value: "99%", description: "Client satisfaction rate" },
{ id: "m3", value: "15+", description: "Years of expertise" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTen
<TestimonialCardSixteen
title="Trusted by Industry Leaders"
description="See how our photography helped these clients elevate their brand presence."
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Great Real Estate Photos",
quote: "The most professional photography I have ever seen for my real estate listings.",
name: "Sarah Johnson",
role: "Realtor",
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-woman_1328-2297.jpg",
},
{
id: "t2",
title: "Perfect Wedding Moments",
quote: "They captured every emotion of our wedding day perfectly.",
name: "Michael Chen",
role: "Groom",
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
},
{
id: "t3",
title: "Stunning Menu Images",
quote: "Our food looks absolutely delicious on the new menu thanks to their photography.",
name: "Elena Rossi",
role: "Restaurant Owner",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
},
{
id: "t4",
title: "Top-tier Corporate Event",
quote: "Efficient, professional, and great shots for our annual conference.",
name: "David Kim",
role: "Marketing Director",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
},
{
id: "t5",
title: "Interior Design Excellence",
quote: "Brought our staging design to life with these amazing architectural shots.",
name: "Linda Thompson",
role: "Interior Designer",
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
},
animationType="depth-3d"
kpiItems={[
{ value: "500+", label: "Projects Completed" },
{ value: "99%", label: "Client Satisfaction" },
{ value: "15+", label: "Years Professional" }
]}
testimonials={[
{ id: "t1", name: "Sarah Johnson", role: "Realtor", company: "Prime Properties", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-business-woman_1328-2297.jpg" },
{ id: "t2", name: "Michael Chen", role: "Groom", company: "Private Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg" },
{ id: "t3", name: "Elena Rossi", role: "Restaurant Owner", company: "Bistro Italia", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
]}
title="Trusted by Industry Leaders"
description="Don't just take our word for it—see what our clients say about our work."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
<FaqBase
title="Photography FAQs"
description="Common questions about our booking, process, and delivery."
textboxLayout="default"
faqsAnimation="slide-up"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How far in advance should I book?",
content: "We recommend booking 2–4 weeks in advance, especially for weddings and events.",
},
{
id: "q2",
title: "Do you offer rush delivery?",
content: "Yes, rush delivery is available upon request for an additional fee.",
},
{
id: "q3",
title: "Are rights included in the price?",
content: "Full commercial licensing is included for all our standard packages.",
},
{ id: "q1", title: "How far in advance to book?", content: "For weddings, we recommend 3-6 months. For commercial work, 2-4 weeks is usually sufficient." },
{ id: "q2", title: "Do you offer full commercial rights?", content: "Yes, all photography packages include full commercial usage rights for your marketing materials." },
{ id: "q3", title: "What is your turnaround time?", content: "We pride ourselves on efficiency. Most projects are delivered within 48 hours; weddings typically take 2-4 weeks." },
]}
title="Frequently Asked Questions"
description="Answers to common questions about our booking and process."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactCTA
tag="Contact Us"
title="Ready to Capture Your Vision?"
description="Let's schedule a session to elevate your brand or document your special event."
buttons={[{ text: "Book a Consultation", href: "mailto:inquiries@focuslens.com" }, { text: "Call Us Now", href: "tel:+15550123456" }]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Ready to capture your next project? Get in touch today for a free consultation and project quote."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services",
items: [
{
label: "Real Estate",
href: "#",
},
{
label: "Weddings",
href: "#",
},
{
label: "Events",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Contact",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
<FooterLogoReveal
logoText="FocusLens"
copyrightText="© 2025 FocusLens Photography"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2025 FocusLens Photography", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}