Merge version_2 into main #1
193
src/app/page.tsx
193
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NYCCD"
|
||||
/>
|
||||
@@ -59,16 +49,13 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Excellence in Professional Services"
|
||||
description="Redefining success through tailored, high-impact strategies for the most demanding industry leaders in New York."
|
||||
tag="Trusted by Industry Giants"
|
||||
buttons={[
|
||||
{
|
||||
text: "Consult Today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Consult Today", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sheets-filing-cabinet_116123-1.jpg"
|
||||
imageAlt="NYCCD Professional Services"
|
||||
@@ -96,23 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strategic Insights",
|
||||
description: "Harness data-driven intelligence for every decision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139231.jpg",
|
||||
imageAlt: "Abstract data analytics tech dark background",
|
||||
},
|
||||
title: "Strategic Insights", description: "Harness data-driven intelligence for every decision.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139231.jpg", imageAlt: "Abstract data analytics tech dark background"},
|
||||
{
|
||||
title: "Growth Engineering",
|
||||
description: "Optimized scaling strategies tailored to your firm.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904326.jpg",
|
||||
imageAlt: "Minimalist growth business icon tech",
|
||||
},
|
||||
title: "Growth Engineering", description: "Optimized scaling strategies tailored to your firm.", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904326.jpg", imageAlt: "Minimalist growth business icon tech"},
|
||||
{
|
||||
title: "Operational Excellence",
|
||||
description: "Streamlined processes for maximum output.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg",
|
||||
imageAlt: "Professional collaboration tools dark aesthetic",
|
||||
},
|
||||
title: "Operational Excellence", description: "Streamlined processes for maximum output.", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg", imageAlt: "Professional collaboration tools dark aesthetic"},
|
||||
]}
|
||||
title="Built for High-Level Performance"
|
||||
description="Our core capabilities are designed to scale, adapt, and drive growth for complex business ecosystems."
|
||||
@@ -127,47 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Strategic Audit",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-near-laptop-reflect-light-from-screen-dark-copy-space_169016-14893.jpg",
|
||||
imageAlt: "Strategic Audit Service",
|
||||
},
|
||||
id: "s1", name: "Strategic Audit", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/glasses-near-laptop-reflect-light-from-screen-dark-copy-space_169016-14893.jpg", imageAlt: "Strategic Audit Service"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Market Entry Analysis",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-economy-solid-glyph-icon-presentation_1142-24002.jpg",
|
||||
imageAlt: "Market Entry Analysis Service",
|
||||
},
|
||||
id: "s2", name: "Market Entry Analysis", price: "Custom", imageSrc: "http://img.b2bpic.net/free-vector/20-economy-solid-glyph-icon-presentation_1142-24002.jpg", imageAlt: "Market Entry Analysis Service"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Risk Management",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-55043.jpg",
|
||||
imageAlt: "Risk Management Service",
|
||||
},
|
||||
id: "s3", name: "Risk Management", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-55043.jpg", imageAlt: "Risk Management Service"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Operational Scalability",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg",
|
||||
imageAlt: "Operational Scalability Service",
|
||||
},
|
||||
id: "s4", name: "Operational Scalability", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-laptop-city-background_53876-104034.jpg", imageAlt: "Operational Scalability Service"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Change Management",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diagram-graphs-information-statistics-stock-data-concept_53876-64925.jpg",
|
||||
imageAlt: "Change Management Service",
|
||||
},
|
||||
id: "s5", name: "Change Management", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/diagram-graphs-information-statistics-stock-data-concept_53876-64925.jpg", imageAlt: "Change Management Service"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Growth Strategy",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-still-life-with-toy-trucks_23-2148790053.jpg",
|
||||
imageAlt: "Growth Strategy Service",
|
||||
},
|
||||
id: "s6", name: "Growth Strategy", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/delivery-still-life-with-toy-trucks_23-2148790053.jpg", imageAlt: "Growth Strategy Service"},
|
||||
]}
|
||||
title="Comprehensive Service Suite"
|
||||
description="Our curated services bridge the gap between where you are and where you intend to be."
|
||||
@@ -179,35 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Eleanor Vance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81859.jpg",
|
||||
imageAlt: "Eleanor Vance portrait",
|
||||
},
|
||||
id: "t1", name: "Eleanor Vance", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81859.jpg", imageAlt: "Eleanor Vance portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg",
|
||||
imageAlt: "Marcus Thorne portrait",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg", imageAlt: "Marcus Thorne portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traveler-female-taking-pictures-with-digital-camera-tripod_613910-9831.jpg",
|
||||
imageAlt: "Sarah Jenkins portrait",
|
||||
},
|
||||
id: "t3", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/traveler-female-taking-pictures-with-digital-camera-tripod_613910-9831.jpg", imageAlt: "Sarah Jenkins portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Llewellyn",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-businessman-front-building_23-2148171099.jpg",
|
||||
imageAlt: "David Llewellyn portrait",
|
||||
},
|
||||
id: "t4", name: "David Llewellyn", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-businessman-front-building_23-2148171099.jpg", imageAlt: "David Llewellyn portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amelia Ross",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-young-woman_23-2147876775.jpg",
|
||||
imageAlt: "Amelia Ross portrait",
|
||||
},
|
||||
id: "t5", name: "Amelia Ross", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-young-woman_23-2147876775.jpg", imageAlt: "Amelia Ross portrait"},
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Partnership Results"
|
||||
@@ -221,20 +146,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we start?",
|
||||
content: "Reach out to schedule a consultation.",
|
||||
},
|
||||
id: "f1", title: "How do we start?", content: "Reach out to schedule a consultation."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the timeline?",
|
||||
content: "Timelines are project-specific and defined at scope.",
|
||||
},
|
||||
id: "f2", title: "What is the timeline?", content: "Timelines are project-specific and defined at scope."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you work remotely?",
|
||||
content: "Yes, we operate both globally and locally.",
|
||||
},
|
||||
id: "f3", title: "Do you work remotely?", content: "Yes, we operate both globally and locally."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you understand our engagement process."
|
||||
@@ -243,62 +159,33 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
<ContactSplit
|
||||
title="Partner with NYCCD"
|
||||
description="Let's build the future together. Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Business Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your project...",
|
||||
required: true,
|
||||
}}
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160770.jpg"
|
||||
imageAlt="High-end office lobby interior"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterMedia
|
||||
logoText="NYCCD"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-business-people-working-office_23-2148560126.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -308,4 +195,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user