Merge version_2 into main #4
211
src/app/page.tsx
211
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 FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Clock, Shield, Truck } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,191 +28,107 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Materials", id: "products"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BuildPro"
|
||||
brandName="LieDetector Co."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="BuildPro Materials"
|
||||
description="Your trusted source for premium-grade building materials. From structural steel to finishing wood, we provide everything your site needs."
|
||||
buttons={[
|
||||
{
|
||||
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"
|
||||
<HeroSignup
|
||||
title="Discover the Truth with Advanced Lie Detection"
|
||||
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."
|
||||
tag="Innovation in Truth"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
buttonText="Inquire Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
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"
|
||||
<TextAbout
|
||||
title="Pioneering Lie Generation Technology"
|
||||
description="We have redefined the market for lie generation machines. By integrating advanced hydraulic pump systems, we ensure that our equipment is both highly accurate and incredibly durable."
|
||||
tag="Our Mission"
|
||||
/>
|
||||
</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="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="bento-grid"
|
||||
textboxLayout="split"
|
||||
products={[
|
||||
{
|
||||
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: "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"},
|
||||
{ id: "1", name: "Precision Lie Generator X1", price: "$4,999", imageSrc: "http://img.b2bpic.net/free-photo/mechanical-parts-factory_1234-5678.jpg" },
|
||||
{ id: "2", name: "Hydraulic Pump Systems (Heavy Duty)", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/pump-system-industrial_9876-5432.jpg" },
|
||||
]}
|
||||
title="Our Material Catalog"
|
||||
description="Everything your project needs under one roof."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
<FeatureCardTwelve
|
||||
title="Why Choose Us"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Site-to-Site Logistics", description: "We specialize in complex site logistics, ensuring materials reach specific zones within your project boundaries.", media: {
|
||||
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,
|
||||
},
|
||||
{ id: "f1", label: "Accuracy", title: "Unmatched Precision", items: ["99.9% Sensor Calibration", "Instant Response Time"] },
|
||||
{ id: "f2", label: "Durability", title: "Industrial Grade Pumps", items: ["Corrosion Resistant", "High Pressure Tolerance"] },
|
||||
]}
|
||||
title="Seamless Supply Chain"
|
||||
description="Why choose BuildPro for your construction material logistics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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."
|
||||
<TestimonialCardFifteen
|
||||
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"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/profile-man.jpg", alt: "Director" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
<FaqBase
|
||||
title="Questions about our technology?"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you deliver to residential areas?", content: "Yes, we have a specialized fleet for residential delivery and site access."},
|
||||
{
|
||||
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."},
|
||||
{ id: "1", title: "Is the lie generator calibrated?", content: "Yes, all units come pre-calibrated for maximum accuracy." },
|
||||
{ id: "2", title: "What is the lifespan of your pumps?", content: "Our industrial pumps are designed to operate for 10,000+ hours under load." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common queries about our materials and logistics services."
|
||||
faqsAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to get your project moving? Contact our sales team today for a custom material estimation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support", href: "mailto:sales@buildpro.com"},
|
||||
<ContactSplitForm
|
||||
title="Contact our Sales Department"
|
||||
description="Interested in a quote for a generator or pump system? Our team is standing by to help."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project requirements" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Logistics", href: "#"},
|
||||
{
|
||||
label: "Catalog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About" }, { label: "Careers" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms" }, { label: "Privacy" }] },
|
||||
]}
|
||||
logoText="BuildPro"
|
||||
bottomLeftText="© 2024 LieDetector Co."
|
||||
bottomRightText="Built with precision."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user