Merge version_2 into main #1
173
src/app/page.tsx
173
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Big Moon 9999"
|
||||
/>
|
||||
@@ -54,71 +46,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Marketing at Light Speed."
|
||||
description="Big Moon 9999 elevates your brand identity with data-driven strategy and cutting-edge creative. Elevate your presence to the lunar orbit."
|
||||
kpis={[
|
||||
{
|
||||
value: "150%",
|
||||
label: "Growth Rate",
|
||||
},
|
||||
value: "150%", label: "Growth Rate"},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Retention",
|
||||
},
|
||||
value: "99.9%", label: "Retention"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
value: "24/7", label: "Support"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-view-side-chocolate-blue-egg-white-speck-coloring_140725-13836.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-business-woman_23-2148767561.jpg",
|
||||
alt: "Team Member 1",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/portrait-business-woman_23-2148767561.jpg", alt: "Team Member 1"},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/young-man-wearing-blue-shirt_273609-40431.jpg",
|
||||
alt: "Team Member 2",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/young-man-wearing-blue-shirt_273609-40431.jpg", alt: "Team Member 2"},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/handsome-business-man-smiling-camera_23-2148149176.jpg",
|
||||
alt: "Team Member 3",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/handsome-business-man-smiling-camera_23-2148149176.jpg", alt: "Team Member 3"},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2148817758.jpg",
|
||||
alt: "Team Member 4",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2148817758.jpg", alt: "Team Member 4"},
|
||||
{
|
||||
src: "https://img.b2bpic.net/free-photo/happy-entrepreneur-smiling_23-2148149187.jpg",
|
||||
alt: "Team Member 5",
|
||||
},
|
||||
src: "https://img.b2bpic.net/free-photo/happy-entrepreneur-smiling_23-2148149187.jpg", alt: "Team Member 5"},
|
||||
]}
|
||||
avatarText="Join 500+ innovators"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Driven Insights",
|
||||
},
|
||||
type: "text", text: "AI-Driven Insights"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Scale",
|
||||
},
|
||||
type: "text", text: "Global Scale"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance First",
|
||||
},
|
||||
type: "text", text: "Performance First"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Moonshot Strategy",
|
||||
},
|
||||
type: "text", text: "Moonshot Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,17 +95,11 @@ export default function LandingPage() {
|
||||
description="We blend creative storytelling with rigorous analytical precision to ensure your brand doesn't just reach the target—it dominates it. Experience growth built for the next era."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Clients Served",
|
||||
},
|
||||
value: "100+", title: "Clients Served"},
|
||||
{
|
||||
value: "500M+",
|
||||
title: "Impressions",
|
||||
},
|
||||
value: "500M+", title: "Impressions"},
|
||||
{
|
||||
value: "12",
|
||||
title: "Award Wins",
|
||||
},
|
||||
value: "12", title: "Award Wins"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -156,19 +115,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Rapid Growth",
|
||||
description: "Accelerate your market capture with data-driven strategies.",
|
||||
},
|
||||
title: "Rapid Growth", description: "Accelerate your market capture with data-driven strategies."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Brand Integrity",
|
||||
description: "Ensure your messaging is consistent and powerful across all channels.",
|
||||
},
|
||||
title: "Brand Integrity", description: "Ensure your messaging is consistent and powerful across all channels."},
|
||||
{
|
||||
icon: Target,
|
||||
title: "Precision Targeting",
|
||||
description: "Reach your ideal customers with hyper-accurate audience segmentation.",
|
||||
},
|
||||
title: "Precision Targeting", description: "Reach your ideal customers with hyper-accurate audience segmentation."},
|
||||
]}
|
||||
title="Strategic Capabilities"
|
||||
description="Our core marketing framework ensures end-to-end performance and brand resonance."
|
||||
@@ -178,97 +131,61 @@ export default function LandingPage() {
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Nebula Tech",
|
||||
"Orbit Software",
|
||||
"Luna Systems",
|
||||
"Gravity AI",
|
||||
"Cosmic Corp",
|
||||
"Vortex Digital",
|
||||
"Starway Ventures",
|
||||
]}
|
||||
"Nebula Tech", "Orbit Software", "Luna Systems", "Gravity AI", "Cosmic Corp", "Vortex Digital", "Starway Ventures"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Industry innovators who choose Big Moon 9999 for their growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
<FaqSplitText
|
||||
sideTitle="Answers for Growth"
|
||||
sideDescription="Everything you need to know about our partnership approach."
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do we get started?",
|
||||
content: "Schedule a discovery call, and our team will audit your brand potential.",
|
||||
},
|
||||
id: "1", title: "How do we get started?", content: "Schedule a discovery call, and our team will audit your brand potential."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What makes Big Moon 9999 unique?",
|
||||
content: "Our proprietary AI-led strategy integration across all marketing channels.",
|
||||
},
|
||||
id: "2", title: "What makes Big Moon 9999 unique?", content: "Our proprietary AI-led strategy integration across all marketing channels."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is the reporting schedule?",
|
||||
content: "We offer monthly reports and quarterly strategy adjustments.",
|
||||
},
|
||||
id: "3", title: "What is the reporting schedule?", content: "We offer monthly reports and quarterly strategy adjustments."},
|
||||
]}
|
||||
title="Answers for Growth"
|
||||
description="Everything you need to know about our partnership approach."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
tag="Get Started"
|
||||
title="Launch Your Project"
|
||||
description="Ready to take your marketing to the moon? Let's connect."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-128061.jpg"
|
||||
mediaAnimation="opacity"
|
||||
description="Ready to take your marketing to the moon? Let's connect with Big Moon 9999."
|
||||
buttons={[{text: "Contact Us"}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="Big Moon 9999"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Features", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Big Moon 9999. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--background: #0a0a0c;
|
||||
--card: #16161a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #1f7cff;
|
||||
--primary-cta: #7dd3fc;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #010101;
|
||||
--secondary-cta: #38bdf8;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #1f7cff;
|
||||
--background-accent: #f96b2f;
|
||||
--accent: #0ea5e9;
|
||||
--background-accent: #1f2937;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user