Merge version_4 into main #3
121
src/app/page.tsx
121
src/app/page.tsx
@@ -2,19 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Cpu, Zap, Target, Search, BarChart3, ShieldCheck, HeartPulse, TrendingUp } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import { Cpu, Zap, Target, Search, BarChart3, ShieldCheck, HeartPulse, TrendingUp, ChevronRight } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -36,8 +32,7 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Growth", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BusinessGrow"
|
||||
@@ -47,89 +42,69 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Smart Solutions, Online Today"
|
||||
description="Professional, mobile-ready website templates built for growth. Customize in minutes, launch today—no coding required."
|
||||
buttons={[{ text: "Start Building", href: "#contact" }]}
|
||||
title="Drive Your Business Forward"
|
||||
description="Collaborate efficiently and scale your operations with data-backed solutions. Empower your team and maximize your growth trajectory today."
|
||||
buttons={[{ text: "Get Started Today", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/employees-preparing-business-presentation_482257-124560.jpg", imageAlt: "professional business office meeting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-workspace-with-female-things_23-2147778845.jpg", imageAlt: "clean office desk setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/statistic-documents-with-pensive-businessman-blurred-background_1098-290.jpg", imageAlt: "abstract corporate growth charts" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-business-meeting-office_23-2148866304.jpg", imageAlt: "Office team collaboration" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-modern-office_23-2149129598.jpg", imageAlt: "Team working on business strategy" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-laptop-office_23-2148154817.jpg", imageAlt: "Business growth planning" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Performance Metrics"
|
||||
description="Track your business growth and optimization in real-time."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
metrics={[
|
||||
{ id: "1", value: "45%", title: "Growth Rate", description: "Annual revenue increase", icon: TrendingUp },
|
||||
{ id: "2", value: "12k", title: "Active Users", description: "Global user base growth", icon: BarChart3 },
|
||||
{ id: "3", value: "98%", title: "Retention", description: "Customer loyalty score", icon: Target },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
<FeatureCardTwentyFour
|
||||
title="Industry Solutions"
|
||||
description="Specialized digital services crafted for your industry niche."
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Website Design", description: "Stunning custom designs.", imageSrc: "http://img.b2bpic.net/free-photo/people-learning-language-work-medium-shot_23-2149300732.jpg" },
|
||||
{ title: "Hosting", description: "Secure and fast servers.", imageSrc: "http://img.b2bpic.net/free-photo/business-accounting-financial-analysis-management-concept_53876-120908.jpg" },
|
||||
{ title: "Analytics", description: "Deep data insights.", imageSrc: "http://img.b2bpic.net/free-photo/technologies-near-clipboard-globe_23-2147772374.jpg" },
|
||||
{ title: "SEO", description: "Rank higher on search.", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512195.jpg" },
|
||||
{ id: "1", title: "Cloud Infrastructure", author: "Tech Team", description: "Scalable cloud solutions for modern enterprise.", tags: ["Cloud", "Infrastructure"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-with-server-room_23-2148784407.jpg" },
|
||||
{ id: "2", title: "Data Analytics", author: "Insights Group", description: "Transforming raw data into actionable strategy.", tags: ["Analytics", "Data"], imageSrc: "http://img.b2bpic.net/free-photo/financial-data-charts-screen_23-2148766115.jpg" },
|
||||
{ id: "3", title: "Strategic Consulting", author: "Growth Lab", description: "Expert guidance to accelerate your market presence.", tags: ["Strategy", "Consulting"], imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-modern-office_23-2148674512.jpg" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Tailored solutions for your digital growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Why Choose Us", description: "Your partner in digital excellence.", media: { imageSrc: "http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-120040.jpg" },
|
||||
items: [
|
||||
{ icon: Zap, text: "Lightning speed performance" },
|
||||
{ icon: ShieldCheck, text: "Top-tier security standards" },
|
||||
{ icon: HeartPulse, text: "24/7 dedicated support" },
|
||||
{ icon: TrendingUp, text: "Data-driven growth strategies" }
|
||||
],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We combine performance, security, and support for your business."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional", quote: "They transformed our online presence in days.", name: "Sarah J.", role: "Founder" },
|
||||
{ id: "2", title: "Professional", quote: "Unmatched support and technical expertise.", name: "Mike T.", role: "CTO" },
|
||||
{ id: "3", title: "Results-Oriented", quote: "Our analytics show a 2x increase in traffic.", name: "Elena V.", role: "Marketing Lead" },
|
||||
]}
|
||||
title="Loved by Leaders"
|
||||
description="Hear from our successful clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
<ContactCenter
|
||||
tag="Contact"
|
||||
title="Let's Collaborate"
|
||||
description="Reach out to us today to discuss your next big project."
|
||||
title="Get Started Today"
|
||||
description="Ready to take your business to the next level? Connect with our team and let's build something great."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="BusinessGrow"
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features" }, { label: "Solutions" }] },
|
||||
{ title: "Company", items: [{ label: "About Us" }, { label: "Contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 BusinessGrow. All rights reserved."
|
||||
bottomRightText="Connect: Twitter | LinkedIn | Facebook"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user