Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,16 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import HeroSignup from '@/components/sections/hero/HeroSignup';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import TextAbout from '@/components/sections/about/TextAbout';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Clock, Shield, Truck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,188 +28,110 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Products", id: "products" },
-        {
+        { name: "About", id: "about" },
-          name: "Materials",          id: "products"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
-      brandName="BuildPro"
+      brandName="LieDetector Co."
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboard
+      <HeroSignup
-      background={{
+      title="Discover the Truth with Advanced Lie Detection"
-        variant: "sparkles-gradient"}}
+      description="Our state-of-the-art lie generator machines and precision pump systems provide the most reliable data in the industry. Uncover deception with confidence."
-      logoText="BuildPro Materials"
+      tag="Innovation in Truth"
-      description="Your trusted source for premium-grade building materials. From structural steel to finishing wood, we provide everything your site needs."
+      background={{ variant: "glowing-orb" }}
-      buttons={[
+      buttonText="Inquire Now"
-        {
-          text: "View Inventory",          href: "#products"},
-        {
-          text: "Get a Quote",          href: "#contact"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/construction-site_1203-3121.jpg?_wi=1"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="about" data-section="about">
-      <SplitAbout
+      <TextAbout
-      textboxLayout="split"
+      title="Pioneering Lie Generation Technology"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
-      title="Decades of Construction Excellence"
-      description="With over 30 years in the construction supply industry, BuildPro bridges the gap between high-quality manufacturing and professional construction sites. We ensure reliability in every load."
-      bulletPoints={[
-        {
-          title: "Verified Quality",          description: "All materials meet international ISO safety standards."},
-        {
-          title: "On-Time Delivery",          description: "Logistics network optimized for just-in-time site arrivals."},
-        {
-          title: "Expert Guidance",          description: "Consult with our team on structural requirements."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-discuss-plan-looking-blueprint_554837-412.jpg?_wi=1"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardThree
+      <ProductCardOne
+      title="Our Products"
+      description="From high-frequency lie generators to industrial-grade pump systems."
       animationType="slide-up"
-      textboxLayout="default"
+      gridVariant="bento-grid"
-      gridVariant="three-columns-all-equal-width"
+      textboxLayout="split"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", name: "Precision Lie Generator X1", price: "$4,999", imageSrc: "http://img.b2bpic.net/free-photo/mechanical-parts-factory_1234-5678.jpg" },
-          id: "1",          name: "Structural Timber",          price: "$12.00 / board",          imageSrc: "http://img.b2bpic.net/free-photo/3d-wood-planks_1048-5018.jpg?_wi=1"},
+        { id: "2", name: "Hydraulic Pump Systems (Heavy Duty)", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/pump-system-industrial_9876-5432.jpg" },
-        {
-          id: "2",          name: "Masonry Bricks",          price: "$0.85 / unit",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5088.jpg?_wi=1"},
-        {
-          id: "3",          name: "Concrete Mix (50kg)",          price: "$9.50 / bag",          imageSrc: "http://img.b2bpic.net/free-photo/various-grains-bags-grocery-store-market_23-2148209799.jpg?_wi=1"},
-        {
-          id: "4",          name: "Reinforcement Rebar",          price: "$18.00 / bar",          imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953939.jpg?_wi=1"},
-        {
-          id: "5",          name: "Roofing Tiles",          price: "$4.20 / tile",          imageSrc: "http://img.b2bpic.net/free-photo/dirty-background-texture-close-up-natural_1122-2372.jpg"},
-        {
-          id: "6",          name: "Thermal Insulation",          price: "$45.00 / roll",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683451.jpg"},
       ]}
-      title="Our Material Catalog"
-      description="Everything your project needs under one roof."
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTen
+      <FeatureCardTwelve
-      animationType="slide-up"
+      title="Why Choose Us"
+      description="Unmatched precision and industrial-grade durability."
+      animationType="blur-reveal"
       textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", label: "Accuracy", title: "Unmatched Precision", items: ["99.9% Sensor Calibration", "Instant Response Time"] },
-          title: "Site-to-Site Logistics",          description: "We specialize in complex site logistics, ensuring materials reach specific zones within your project boundaries.",          media: {
+        { id: "f2", label: "Durability", title: "Industrial Grade Pumps", items: ["Corrosion Resistant", "High Pressure Tolerance"] },
-            imageSrc: "http://img.b2bpic.net/free-photo/construction-site_1203-3121.jpg?_wi=2",            imageAlt: "construction building materials supply warehouse"
-          },
-          items: [
-            {
-              icon: Truck,
-              text: "Direct delivery"},
-            {
-              icon: Clock,
-              text: "24/7 Dispatch"},
-            {
-              icon: Shield,
-              text: "Full insurance"},
-          ],
-          reverse: false,
-        },
       ]}
-      title="Seamless Supply Chain"
-      description="Why choose BuildPro for your construction material logistics."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardFifteen
-      textboxLayout="default"
+      testimonial="The X1 Lie Generator transformed how we verify our data. It's the most reliable machine we've ever used."
+      rating={5}
+      author="Director of Compliance, TechGlobal"
+      ratingAnimation="slide-up"
+      avatarsAnimation="opacity"
       useInvertedBackground={false}
-      testimonials={[
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/profile-man.jpg", alt: "Director" }]}
-        {
-          id: "1",          name: "Mark Stevens",          date: "Jan 2024",          title: "Senior Contractor",          quote: "Reliable materials every single time. Their logisitics team is a lifesaver on tight schedules.",          tag: "Industrial",          avatarSrc: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/manager-meeting-with-engineer-outdoor-site-discuss-plan-looking-blueprint_554837-412.jpg?_wi=2",          imageAlt: "professional construction workers planning construction"},
-        {
-          id: "2",          name: "Jane Doe",          date: "Dec 2023",          title: "Lead Architect",          quote: "Consistency in quality is what I value most. BuildPro delivers perfection.",          tag: "Residential",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-girl-smiling-while-looking-aside-hiding-from-sun-outdoors-longhaired-woman-with-bright-make-up-is-wearing-white-top-denim-shorts_291650-2364.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/3d-wood-planks_1048-5018.jpg?_wi=2",          imageAlt: "stacked hardwood planks construction material"},
-        {
-          id: "3",          name: "Sam Johnson",          date: "Nov 2023",          title: "Site Foreman",          quote: "They never compromise on strength. My concrete loads are always compliant.",          tag: "Commercial",          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-architect-working-complex-project_23-2148242882.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5088.jpg?_wi=2",          imageAlt: "clay red bricks stack pattern"},
-        {
-          id: "4",          name: "Lisa Ray",          date: "Oct 2023",          title: "Project Manager",          quote: "Best in class supply chain management. Highly recommend for big builds.",          tag: "Infrastructure",          avatarSrc: "http://img.b2bpic.net/free-photo/man-with-paint-roller_1398-416.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/various-grains-bags-grocery-store-market_23-2148209799.jpg?_wi=2",          imageAlt: "bags of cement concrete mix"},
-        {
-          id: "5",          name: "Bob Miller",          date: "Sep 2023",          title: "Renovation Specialist",          quote: "Extremely helpful and professional. Great inventory and prices.",          tag: "Residential",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-workers-cooperating-shaking-hands_329181-15647.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/rough-metallic-surface-texture_23-2148953939.jpg?_wi=2",          imageAlt: "construction steel reinforcement rebar bars"},
-      ]}
-      title="Client Success Stories"
-      description="Builders and contractors trust our supplies for their flagship projects."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqBase
-      textboxLayout="default"
+      title="Questions about our technology?"
-      useInvertedBackground={true}
+      description="Answers to frequently asked questions about our equipment."
       faqs={[
-        {
+        { id: "1", title: "Is the lie generator calibrated?", content: "Yes, all units come pre-calibrated for maximum accuracy." },
-          id: "f1",          title: "Do you deliver to residential areas?",          content: "Yes, we have a specialized fleet for residential delivery and site access."},
+        { id: "2", title: "What is the lifespan of your pumps?", content: "Our industrial pumps are designed to operate for 10,000+ hours under load." },
-        {
-          id: "f2",          title: "What are your lead times?",          content: "Typical lead times are 24-48 hours depending on volume and location."},
-        {
-          id: "f3",          title: "Can I return unused materials?",          content: "We accept returns on bulk materials in original packaging within 14 days."},
       ]}
-      title="Frequently Asked Questions"
+      faqsAnimation="blur-reveal"
-      description="Common queries about our materials and logistics services."
+      textboxLayout="split"
-      faqsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
+      title="Contact our Sales Department"
+      description="Interested in a quote for a generator or pump system? Our team is standing by to help."
       useInvertedBackground={false}
-      background={{
+      inputs={[
-        variant: "sparkles-gradient"}}
+        { name: "name", type: "text", placeholder: "Name" },
-      text="Ready to get your project moving? Contact our sales team today for a custom material estimation."
+        { name: "email", type: "email", placeholder: "Email" },
-      buttons={[
-        {
-          text: "Contact Support",          href: "mailto:sales@buildpro.com"},
       ]}
+      textarea={{ name: "message", placeholder: "Tell us about your project requirements" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterSimple
       columns={[
-        {
+        { title: "Company", items: [{ label: "About" }, { label: "Careers" }] },
-          items: [
+        { title: "Legal", items: [{ label: "Terms" }, { label: "Privacy" }] },
-            {
-              label: "About",              href: "#"},
-            {
-              label: "Logistics",              href: "#"},
-            {
-              label: "Catalog",              href: "#"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Terms",              href: "#"},
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Legal",              href: "#"},
-          ],
-        },
       ]}
-      logoText="BuildPro"
+      bottomLeftText="© 2024 LieDetector Co."
+      bottomRightText="Built with precision."
     />
   </div>
       </ReactLenis>