Merge version_3 into main #2
122
src/app/page.tsx
122
src/app/page.tsx
@@ -2,9 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Cpu, Zap, Target, Search } from "lucide-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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
@@ -34,9 +35,9 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BusinessGrow"
|
||||
@@ -58,107 +59,66 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for Your Growth"
|
||||
description="We empower small and mid-sized business owners to get online without the overhead. Our modular components ensure you have a premium look that adapts to your needs."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12331.jpg"
|
||||
imageAlt="professional service provider portrait"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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" },
|
||||
]}
|
||||
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: "Optimized Performance", description: "High-speed loading architecture", imageSrc: "http://img.b2bpic.net/free-photo/people-learning-language-work-medium-shot_23-2149300732.jpg", imageAlt: "performance icon" },
|
||||
{ title: "Responsive Layouts", description: "Perfect mobile experience", imageSrc: "http://img.b2bpic.net/free-photo/business-accounting-financial-analysis-management-concept_53876-120908.jpg", imageAlt: "responsive icon" },
|
||||
{ title: "Modern Tooling", description: "Latest tech stack for scale", imageSrc: "http://img.b2bpic.net/free-photo/technologies-near-clipboard-globe_23-2147772374.jpg", imageAlt: "technology icon" },
|
||||
{
|
||||
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="Modern Digital Services"
|
||||
description="Expertly crafted tools designed to modernize your online footprint."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Consulting Strategy", price: "$199", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512195.jpg" },
|
||||
{ id: "2", name: "Cloud Architecture", price: "$499", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-120040.jpg" },
|
||||
{ id: "3", name: "Design Systems", price: "$299", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-near-stationery-keyboard-coffee-cup_23-2148128429.jpg" },
|
||||
]}
|
||||
title="Core Service Modules"
|
||||
description="Pick and choose the service pages your business needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", title: "Starter", price: "$499", period: "/setup", features: ["1 page", "Responsive", "SEO basics"], button: { text: "Select", href: "#contact" } },
|
||||
{ id: "pro", title: "Professional", price: "$999", period: "/setup", features: ["5 pages", "Custom branding", "Speed opt"], button: { text: "Select", href: "#contact" } },
|
||||
]}
|
||||
title="Launch Plans"
|
||||
description="Simple pricing for growing businesses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", title: "Templates", items: [] },
|
||||
{ id: "m2", value: "98%", title: "Satisfaction", items: [] },
|
||||
{ id: "m3", value: "24h", title: "Speed", items: [] },
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Data-backed growth metrics."
|
||||
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={false}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Excellent", quote: "Saved me weeks of development time.", name: "Sarah J.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg" },
|
||||
{ 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="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[{ id: "q1", title: "Is coding required?", content: "No, it is no-code." }]}
|
||||
title="FAQs"
|
||||
description="Answers to your questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact"
|
||||
title="Ready to Start?"
|
||||
description="Let's build together."
|
||||
title="Let's Collaborate"
|
||||
description="Reach out to us today to discuss your next big project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user