Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroCentered from '@/components/sections/hero/HeroCentered';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Award, Camera, Instagram, Linkedin, Twitter, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,291 +17,103 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
-        contentWidth="compact"
+        contentWidth="medium"
-        sizing="largeSmallSizeMediumTitles"
+        sizing="mediumSizeLargeTitles"
-        background="blurBottom"
+        background="none"
-        cardStyle="gradient-bordered"
+        cardStyle="outline"
-        primaryButtonStyle="shadow"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleCentered
-      navItems={[
+            navItems={[
-        {
+              { name: "About", id: "about" },
-          name: "About",
+              { name: "Portfolio", id: "portfolio" },
-          id: "#about",
+              { name: "Testimonials", id: "testimonials" },
-        },
+              { name: "Contact", id: "contact" }
-        {
+            ]}
-          name: "Portfolio",
+            brandName="I&D Projektowanie wnętrz"
-          id: "#portfolio",
+          />
-        },
+        </div>
-        {
-          name: "Reviews",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Lens & Light"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroBillboardGallery
+          <HeroCentered
-      background={{
+            title="Elegant Interior Design Studio"
-        variant: "gradient-bars",
+            description="Luiza Wójcik - Professional interior design studio based in Tarnowskie Góry, crafting unique spaces tailored to your personality."
-      }}
+            background={{ variant: "plain" }}
-      title="Capturing Timeless Moments"
+            avatars={[]}
-      description="Professional photography services tailored to your unique story. Elevate your brand with cinematic visual experiences."
+            buttons={[{ text: "View Our Portfolio", href: "#portfolio" }, { text: "Get a Consultation", href: "#contact" }]}
-      mediaItems={[
+          />
-        {
+        </div>
-          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="about" data-section="about">
+        <div id="about" data-section="about">
-      <AboutMetric
+          <InlineImageSplitTextAbout
-      useInvertedBackground={true}
+            heading={[{ type: 'text', content: 'Design with Elegance and Functionality' }]}
-      title="A Decade of Visual Storytelling"
+            buttons={[{ text: 'Learn More' }]}
-      metrics={[
+            useInvertedBackground={false}
-        {
+          />
-          icon: Camera,
+        </div>
-          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="portfolio" data-section="portfolio">
+        <div id="portfolio" data-section="portfolio">
-      <ProductCardThree
+          <ProductCardTwo
-      animationType="slide-up"
+            title="Recent Projects"
-      textboxLayout="split"
+            description="A showcase of our sophisticated interior design works."
-      gridVariant="asymmetric-60-wide-40-narrow"
+            gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+            animationType="slide-up"
-      products={[
+            textboxLayout="default"
-        {
+            products={[]}
-          id: "1",
+            useInvertedBackground={false}
-          name: "Editorial Portraits",
+          />
-          price: "From $500",
+        </div>
-          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="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+          <TestimonialCardFifteen
-      animationType="slide-up"
+            testimonial="Luiza transformed our home into a masterpiece of elegance and comfort."
-      textboxLayout="split"
+            rating={5}
-      useInvertedBackground={true}
+            author="Happy Client"
-      testimonials={[
+            avatars={[]}
-        {
+            ratingAnimation="blur-reveal"
-          id: "1",
+            avatarsAnimation="blur-reveal"
-          name: "Sarah Miller",
+            useInvertedBackground={false}
-          handle: "@sarahm",
+          />
-          testimonial: "Lens & Light captured our branding with such professionalism. Truly remarkable vision.",
+        </div>
-          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="faq" data-section="faq">
+        <div id="faq" data-section="faq">
-      <FaqDouble
+          <FaqBase
-      textboxLayout="split"
+            title="Frequently Asked Questions"
-      useInvertedBackground={false}
+            description="We are here to answer your common questions."
-      faqs={[
+            faqs={[
-        {
+              { id: "1", title: "Where are you based?", content: "We are based in Tarnowskie Góry, serving clients in the region." },
-          id: "f1",
+              { id: "2", title: "What is your design style?", content: "Our style is Elegant and timeless, focused on quality and detail." }
-          title: "What is the turnaround time?",
+            ]}
-          content: "Our standard turnaround time is typically 14 days after the session date.",
+            faqsAnimation="slide-up"
-        },
+            textboxLayout="default"
-        {
+            useInvertedBackground={false}
-          id: "f2",
+          />
-          title: "Do you provide raw files?",
+        </div>
-          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="social" data-section="social">
+        <div id="contact" data-section="contact">
-      <SocialProofOne
+          <ContactSplitForm
-      textboxLayout="split"
+            title="Contact Us"
-      useInvertedBackground={true}
+            description="Let's bring your dream interior to life. Located in Tarnowskie Góry."
-      names={[
+            inputs={[
-        "Adobe",
+              { name: "name", type: "text", placeholder: "Name" },
-        "Canon",
+              { name: "email", type: "email", placeholder: "Email" }
-        "Sony",
+            ]}
-        "Vogue",
+            textarea={{ name: "message", placeholder: "How can we help?" }}
-        "GQ",
+            useInvertedBackground={false}
-        "National Geographic",
+          />
-        "Architectural Digest",
+        </div>
-      ]}
-      title="Trusted Partners"
-      description="Collaborating with industry-leading brands to create visual excellence."
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="footer" data-section="footer">
-      <ContactCenter
+          <FooterLogoReveal
-      useInvertedBackground={false}
+            logoText="I&D Luiza Wójcik"
-      background={{
+            leftLink={{ text: "+48 123 456 789", href: "tel:+48123456789" }}
-        variant: "rotated-rays-static",
+            rightLink={{ text: "Tarnowskie Góry, Poland", href: "#" }}
-      }}
+          />
-      tag="Let's Collaborate"
+        </div>
-      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>
       </ReactLenis>
     </ThemeProvider>
   );