Merge version_2 into main #1
375
src/app/page.tsx
375
src/app/page.tsx
@@ -4,13 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { BarChart3, Users, Zap, ShieldCheck, Mail, Linkedin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,270 +28,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Summit Data"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Summit Data"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Turn Your Data Into Better Decisions"
|
||||
description="Stop guessing. Start growing with clear insights and data-driven recommendations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-looking-company-charts_482257-124401.jpg"
|
||||
imageAlt="Data analytics dashboard"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034081.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-yellow-jacket_23-2149020781.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ data-driven leaders"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Turn Your Data Into Better Decisions"
|
||||
description="Stop guessing. Start growing with clear insights and data-driven recommendations."
|
||||
dashboard={{
|
||||
title: "Executive Overview", stats: [
|
||||
{ title: "Revenue", values: [12000, 15000, 18000], description: "Monthly growth trend" },
|
||||
{ title: "Users", values: [500, 750, 900], description: "Active engagement" },
|
||||
{ title: "Actions", values: [45, 60, 85], description: "Data-driven decisions" }
|
||||
],
|
||||
logoIcon: BarChart3,
|
||||
sidebarItems: [{ icon: BarChart3, active: true }, { icon: Users }],
|
||||
buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
listItems: [{ icon: Zap, title: "Data Cleanse", status: "Complete" }],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looking-company-charts_482257-124401.jpg"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Bridging the Data Gap"
|
||||
description={[
|
||||
"Most businesses are sitting on valuable data but don’t know how to use it effectively. We help bridge that gap by transforming raw data into clear insights, actionable recommendations, and intuitive visual dashboards.",
|
||||
"From messy spreadsheets to disconnected systems, we organize and analyze your data to uncover what’s really driving your business. Then we turn those insights into simple, visual dashboards so you can track performance, identify opportunities, and make confident decisions.",
|
||||
"Whether you're looking to increase revenue, improve operations, or gain a clearer understanding of your business, we deliver practical analytics solutions that create real impact.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Bridging the Data Gap"
|
||||
description={[
|
||||
"Most businesses are sitting on valuable data but don’t know how to use it effectively. We help bridge that gap by transforming raw data into clear insights, actionable recommendations, and intuitive, visual dashboards.", "From messy spreadsheets to disconnected systems, we organize and analyze your data to uncover what’s really driving your business. Then we turn those insights into simple, visual dashboards so you can track performance, identify opportunities, and make confident decisions."
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Organize",
|
||||
title: "Data Consolidation",
|
||||
subtitle: "Clean and Structurize",
|
||||
description: "We take your messy, disconnected spreadsheets and systems, merging them into a clean, single source of truth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164826.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Analyze",
|
||||
title: "Insight Discovery",
|
||||
subtitle: "Uncover Hidden Value",
|
||||
description: "Our deep-dive analysis transforms raw numbers into trends and drivers that actually impact your bottom line.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Visualize",
|
||||
title: "Intuitive Dashboards",
|
||||
subtitle: "See Your Business Clearly",
|
||||
description: "Beautiful, simple visual dashboards that let you track your most important metrics at a glance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg",
|
||||
},
|
||||
]}
|
||||
title="Data-Driven Solutions"
|
||||
description="We specialize in taking your complex information and turning it into clear, simple paths for growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
title="Data-Driven Solutions"
|
||||
description="Organize, analyze, and visualize your way to business growth."
|
||||
features={[
|
||||
{ icon: BarChart3, title: "Data Consolidation", description: "Merge disconnected spreadsheets into a single source of truth." },
|
||||
{ icon: Zap, title: "Insight Discovery", description: "Transform raw numbers into trends that impact your bottom line." },
|
||||
{ icon: ShieldCheck, title: "Intuitive Dashboards", description: "Track your most important metrics at a glance." }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100+",
|
||||
title: "Datasets Managed",
|
||||
description: "Structured successfully",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-statistics-presentation-with-arrow_23-2149023762.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "30%",
|
||||
title: "Avg. Growth",
|
||||
description: "Across business metrics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-conducting-financial-planning-goal-setting_482257-122658.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "400+",
|
||||
title: "Dashboards Built",
|
||||
description: "For clear insights",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-assistance-business-collaboration-helping-concept_53876-21399.jpg",
|
||||
},
|
||||
]}
|
||||
title="Proven Performance Tracking"
|
||||
description="Key numbers that drive clarity across your entire organization."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="Proven Performance"
|
||||
tag="Analytics"
|
||||
metrics={[
|
||||
{ id: "1", value: "100+", description: "Datasets Managed" },
|
||||
{ id: "2", value: "30%", description: "Avg. Growth" },
|
||||
{ id: "3", value: "400+", description: "Dashboards Built" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Summit Data completely transformed our operations. We went from guessing to making confident, evidence-based moves within weeks."
|
||||
rating={5}
|
||||
author="Marcus Thorne, Operations Director"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Sarah J",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034081.jpg",
|
||||
alt: "Mike R",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
alt: "Elena K",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-businesswoman-portrait-with-copy-space_1194-633470.jpg",
|
||||
alt: "David L",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-afro-american-woman-looking-away_23-2148336938.jpg",
|
||||
alt: "New User",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Client Success"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Marcus Thorne", date: "2024", title: "Operations Director", quote: "Summit Data completely transformed our operations. We went from guessing to making confident, evidence-based moves.", tag: "Success Story", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What kind of data do you handle?",
|
||||
content: "We handle everything from standard Excel spreadsheets and CSV exports to complex API connections and ERP database extractions.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a project take?",
|
||||
content: "Smaller dashboard projects typically take 2-4 weeks. Comprehensive business intelligence strategy projects vary based on complexity.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer ongoing support?",
|
||||
content: "Yes, we offer monthly reporting packages and ongoing maintenance for your visual dashboards to ensure your data stays updated.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Curious how our process works? Here are common answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our analytics services."
|
||||
faqs={[
|
||||
{ id: "f1", title: "What data do you handle?", content: "We handle spreadsheets, API connections, and ERP databases." },
|
||||
{ id: "f2", title: "How long does a project take?", content: "Typically 2-4 weeks for dashboard projects." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Growing?"
|
||||
description="Book a free data review and discover what’s hidden in your spreadsheets."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@summitdata.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Growing?"
|
||||
description="Book a free data review and discover what’s hidden in your spreadsheets."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@summitdata.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9fibbq"
|
||||
logoText="Summit Data"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Data Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@summitdata.com",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Summit Data"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "mailto:hello@summitdata.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user