Merge version_3 into main #1
375
src/app/page.tsx
375
src/app/page.tsx
@@ -2,16 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Camera, Instagram, Linkedin, Twitter, Users } from "lucide-react";
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { MapPin, Phone, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,292 +18,98 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lens & Light"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="I&D Projektowanie wnętrz"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Capturing Timeless Moments"
|
||||
description="Professional photography services tailored to your unique story. Elevate your brand with cinematic visual experiences."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-dslr-camera-cup-tea-spiral-notepad-pen-camera-lens-extension-rings-wooden-background_23-2148038887.jpg",
|
||||
imageAlt: "Professional Portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-bright-miniature-dog-figures_53876-15048.jpg",
|
||||
imageAlt: "Artistic Lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-dslr-camera-person_482257-122663.jpg",
|
||||
imageAlt: "Landscape Gallery",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/camera-lens-binocular-canvas-shoes-sports-bottle-retro-wooden-table_1387-37.jpg",
|
||||
imageAlt: "Macro Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-his-professional-photography-studio_23-2149033370.jpg",
|
||||
imageAlt: "Architectural Shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-person-holding-camera-lens_181624-8502.jpg",
|
||||
imageAlt: "Lifestyle Scene",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Elegant Interior Design Studio"
|
||||
description="Luiza Wójcik - Professional interior design studio based in Tarnowskie Góry, crafting unique spaces tailored to your personality."
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[]}
|
||||
buttons={[{ text: "View Our Portfolio", href: "#portfolio" }, { text: "Get a Consultation", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A Decade of Visual Storytelling"
|
||||
metrics={[
|
||||
{
|
||||
icon: Camera,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "45",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "300+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: 'Design with Elegance and Functionality' }]}
|
||||
buttons={[{ text: 'Learn More' }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Editorial Portraits",
|
||||
price: "From $500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-product-photography-studio_23-2148970212.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fine Art Landscapes",
|
||||
price: "From $300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-trees-near-forested-mountain-fog_181624-2094.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Brand Campaigns",
|
||||
price: "From $1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-his-professional-photography-studio_23-2149033384.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Event Highlights",
|
||||
price: "From $800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-are-lying-plaid-nature-adult-brother-sister-are-smiling_1321-520.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lifestyle Sessions",
|
||||
price: "From $450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-blue-jacket-with-paint-brush-stroke_23-2149020779.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Experimental Art",
|
||||
price: "From $250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996800.jpg",
|
||||
},
|
||||
]}
|
||||
title="Explore Our Portfolio"
|
||||
description="Discover a selection of our most celebrated works across various disciplines."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
title="Recent Projects"
|
||||
description="A showcase of our sophisticated interior design works."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Lens & Light captured our branding with such professionalism. Truly remarkable vision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "Exceptional communication and high quality delivery for our corporate event.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-photo-camera_23-2149049083.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "The portrait session was incredibly comfortable and the final images were stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-toasting-with-colleague-office-party_637285-9559.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Thompson",
|
||||
handle: "@mthompson",
|
||||
testimonial: "Our wedding gallery looks like it's from a magazine. We are so incredibly grateful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-makes-photo-outdoors_146671-15117.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Vance",
|
||||
handle: "@cvance",
|
||||
testimonial: "Incredibly artistic approach to commercial photography. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-student-smiling-learning-draw-sketch-art-class-lesson-creative-man-attending-art-craft-workshop-develop-new-artistic-skills-as-new-years-resolutions_482257-44060.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Wu",
|
||||
handle: "@dwu",
|
||||
testimonial: "The best investment we made for our business visual assets this year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sending-messages-by-smartphone_329181-18114.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Experiences"
|
||||
description="Don't take our word for it—hear how we've captured the moments that matter most."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Luiza transformed our home into a masterpiece of elegance and comfort."
|
||||
rating={5}
|
||||
author="Happy Client"
|
||||
avatars={[]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the turnaround time?",
|
||||
content: "Our standard turnaround time is typically 14 days after the session date.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide raw files?",
|
||||
content: "We provide professionally edited high-resolution JPEGs. Raw files are not provided.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you travel for assignments?",
|
||||
content: "Yes, we are available for destination assignments worldwide.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to the most common questions regarding our photography services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
faqs={[
|
||||
{ id: "1", title: "Where are you based?", content: "We are based in Tarnowskie Góry, serving clients in the region." },
|
||||
{ id: "2", title: "What is your design style?", content: "Our style is Elegant and timeless, focused on quality and detail." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Adobe",
|
||||
"Canon",
|
||||
"Sony",
|
||||
"Vogue",
|
||||
"GQ",
|
||||
"National Geographic",
|
||||
"Architectural Digest",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry-leading brands to create visual excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Contact Us"
|
||||
description="Let's bring your dream interior to life. Located in Tarnowskie Góry."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Let's Collaborate"
|
||||
title="Ready to tell your story?"
|
||||
description="Get in touch for bookings, rates, or just to say hello."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Lens & Light"
|
||||
copyrightText="© 2025 | Lens & Light Photography"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "Linkedin",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="I&D Luiza Wójcik"
|
||||
leftLink={{ text: "+48 123 456 789", href: "tel:+48123456789" }}
|
||||
rightLink={{ text: "Tarnowskie Góry, Poland", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user