Merge version_3 into main #3
152
src/app/page.tsx
152
src/app/page.tsx
@@ -32,76 +32,46 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="CorpFlow"
|
||||
button={{
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Innovation Driven by Strategy"
|
||||
description="We help companies scale through intelligent digital solutions and professional expertise designed for modern growth."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivet", handle: "@rivet", testimonial: "Transformed our digital presence completely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-background-with-pink-purple-light-effect_53876-108171.jpg?_wi=1", imageAlt: "corporate background abstract tech"},
|
||||
{
|
||||
name: "Jamie Lee", handle: "@jlee", testimonial: "Exceptional expertise and delivery.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vacant-office-with-organized-technology_482257-119524.jpg?_wi=1", imageAlt: "corporate background abstract tech"},
|
||||
{
|
||||
name: "Morgan Chen", handle: "@mchen", testimonial: "The most professional team I've ever worked with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg?_wi=1", imageAlt: "corporate background abstract tech"},
|
||||
{
|
||||
name: "Sam Taylor", handle: "@staylor", testimonial: "Strategic thinkers who actually deliver results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-shield-protecting-data_23-2152001124.jpg?_wi=1", imageAlt: "corporate background abstract tech"},
|
||||
{
|
||||
name: "Jordan Smith", handle: "@jsmith", testimonial: "A game changer for our enterprise operations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-white-background_187299-40209.jpg?_wi=1", imageAlt: "corporate background abstract tech"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us", href: "#contact"},
|
||||
{ name: "Alex Rivet", handle: "@rivet", testimonial: "Transformed our digital presence completely.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gradient-background-with-pink-purple-light-effect_53876-108171.jpg?_wi=1", imageAlt: "corporate background abstract tech" },
|
||||
{ name: "Jamie Lee", handle: "@jlee", testimonial: "Exceptional expertise and delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vacant-office-with-organized-technology_482257-119524.jpg?_wi=1", imageAlt: "corporate background abstract tech" },
|
||||
{ name: "Morgan Chen", handle: "@mchen", testimonial: "The most professional team I've ever worked with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg?_wi=1", imageAlt: "corporate background abstract tech" },
|
||||
{ name: "Sam Taylor", handle: "@staylor", testimonial: "Strategic thinkers who actually deliver results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-shield-protecting-data_23-2152001124.jpg?_wi=1", imageAlt: "corporate background abstract tech" },
|
||||
{ name: "Jordan Smith", handle: "@jsmith", testimonial: "A game changer for our enterprise operations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-white-background_187299-40209.jpg?_wi=1", imageAlt: "corporate background abstract tech" },
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gradient-background-with-pink-purple-light-effect_53876-108171.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Alex Rivet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg", alt: "Jamie Lee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", alt: "Morgan Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", alt: "Sam Taylor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg", alt: "Jordan Smith"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Alex Rivet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg", alt: "Jamie Lee" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", alt: "Morgan Chen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", alt: "Sam Taylor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg", alt: "Jordan Smith" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Scalable Digital Solutions"},
|
||||
{
|
||||
type: "text", text: "Global Cloud Infrastructure"},
|
||||
{
|
||||
type: "text", text: "Expert Strategic Consulting"},
|
||||
{
|
||||
type: "text", text: "Modern Software Engineering"},
|
||||
{
|
||||
type: "text", text: "Enterprise Data Analytics"},
|
||||
{ type: "text", text: "Scalable Digital Solutions" },
|
||||
{ type: "text", text: "Global Cloud Infrastructure" },
|
||||
{ type: "text", text: "Expert Strategic Consulting" },
|
||||
{ type: "text", text: "Modern Software Engineering" },
|
||||
{ type: "text", text: "Enterprise Data Analytics" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,15 +91,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Digital Strategy", description: "Mapping your journey to market dominance."},
|
||||
{
|
||||
icon: Cloud,
|
||||
title: "Cloud Infrastructure", description: "Scalable, secure, and reliable deployments."},
|
||||
{
|
||||
icon: Code,
|
||||
title: "Software Development", description: "Bespoke applications for your unique business."},
|
||||
{ icon: Zap, title: "Digital Strategy", description: "Mapping your journey to market dominance." },
|
||||
{ icon: Cloud, title: "Cloud Infrastructure", description: "Scalable, secure, and reliable deployments." },
|
||||
{ icon: Code, title: "Software Development", description: "Bespoke applications for your unique business." },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive solutions for the modern digital enterprise."
|
||||
@@ -143,18 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Fintech Platform", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/startup-employee-looking-charts-using-ai-software-green-screen-laptop_482257-90858.jpg"},
|
||||
{
|
||||
id: "p2", name: "E-Commerce Suite", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working-her-laptop-outdoors_23-2149100338.jpg"},
|
||||
{
|
||||
id: "p3", name: "Healthcare Analytics", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg"},
|
||||
{
|
||||
id: "p4", name: "Logistics Dashboard", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg"},
|
||||
{
|
||||
id: "p5", name: "AI Automation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/laptop-color-palette-home-renovation_23-2148814358.jpg"},
|
||||
{
|
||||
id: "p6", name: "SaaS CRM System", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-laptop-adhesive-notes-tea-cup-spiral-notepad-spectacles-succulent-plant-white-surface_23-2147956541.jpg"},
|
||||
{ id: "p1", name: "Fintech Platform", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/startup-employee-looking-charts-using-ai-software-green-screen-laptop_482257-90858.jpg" },
|
||||
{ id: "p2", name: "E-Commerce Suite", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working-her-laptop-outdoors_23-2149100338.jpg" },
|
||||
{ id: "p3", name: "Healthcare Analytics", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg" },
|
||||
{ id: "p4", name: "Logistics Dashboard", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.jpg" },
|
||||
{ id: "p5", name: "AI Automation", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/laptop-color-palette-home-renovation_23-2148814358.jpg" },
|
||||
{ id: "p6", name: "SaaS CRM System", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-laptop-adhesive-notes-tea-cup-spiral-notepad-spectacles-succulent-plant-white-surface_23-2147956541.jpg" },
|
||||
]}
|
||||
title="Example Projects"
|
||||
description="See how we have helped our clients achieve their milestones."
|
||||
@@ -168,12 +126,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "150+", description: "Projects Delivered"},
|
||||
{
|
||||
id: "m2", value: "99%", description: "Client Satisfaction"},
|
||||
{
|
||||
id: "m3", value: "24/7", description: "Ongoing Support"},
|
||||
{ id: "m1", value: "150+", description: "Projects Delivered" },
|
||||
{ id: "m2", value: "99%", description: "Client Satisfaction" },
|
||||
{ id: "m3", value: "24/7", description: "Ongoing Support" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that define our journey."
|
||||
@@ -184,8 +139,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "GlobalLogic", "DataSoft", "NextGen"]}
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "GlobalLogic", "DataSoft", "NextGen"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Working with industry pioneers globally."
|
||||
/>
|
||||
@@ -196,16 +150,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah Johnson", date: "Oct 2023", title: "CEO", quote: "CorpFlow changed everything for us.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gradient-background-with-pink-purple-light-effect_53876-108171.jpg?_wi=3", imageAlt: "professional business portrait woman"},
|
||||
{
|
||||
id: "t2", name: "Michael Chen", date: "Sept 2023", title: "CTO", quote: "Reliability and speed are their strengths.", tag: "Fast", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vacant-office-with-organized-technology_482257-119524.jpg?_wi=3", imageAlt: "professional business portrait woman"},
|
||||
{
|
||||
id: "t3", name: "Emily Rodriguez", date: "Aug 2023", title: "Marketing", quote: "Professional team and great communication.", tag: "Friendly", avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg?_wi=2", imageAlt: "professional business portrait woman"},
|
||||
{
|
||||
id: "t4", name: "David Kim", date: "July 2023", title: "Manager", quote: "Highly recommended for any business.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-shield-protecting-data_23-2152001124.jpg?_wi=2", imageAlt: "professional business portrait woman"},
|
||||
{
|
||||
id: "t5", name: "Julia Varga", date: "June 2023", title: "Founder", quote: "The results speak for themselves.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-white-background_187299-40209.jpg?_wi=2", imageAlt: "professional business portrait woman"},
|
||||
{ id: "t1", name: "Sarah Johnson", date: "Oct 2023", title: "CEO", quote: "CorpFlow changed everything for us.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gradient-background-with-pink-purple-light-effect_53876-108171.jpg?_wi=3", imageAlt: "professional business portrait woman" },
|
||||
{ id: "t2", name: "Michael Chen", date: "Sept 2023", title: "CTO", quote: "Reliability and speed are their strengths.", tag: "Fast", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vacant-office-with-organized-technology_482257-119524.jpg?_wi=3", imageAlt: "professional business portrait woman" },
|
||||
{ id: "t3", name: "Emily Rodriguez", date: "Aug 2023", title: "Marketing", quote: "Professional team and great communication.", tag: "Friendly", avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg?_wi=2", imageAlt: "professional business portrait woman" },
|
||||
{ id: "t4", name: "David Kim", date: "July 2023", title: "Manager", quote: "Highly recommended for any business.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-shield-protecting-data_23-2152001124.jpg?_wi=2", imageAlt: "professional business portrait woman" },
|
||||
{ id: "t5", name: "Julia Varga", date: "June 2023", title: "Founder", quote: "The results speak for themselves.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg", imageSrc: "http://img.b2bpic.net/free-photo/settings-icon-front-side-white-background_187299-40209.jpg?_wi=2", imageAlt: "professional business portrait woman" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Don't just take our word for it."
|
||||
@@ -218,17 +167,10 @@ export default function LandingPage() {
|
||||
title="Let's Talk"
|
||||
description="We're ready to start your next project. Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/company-managers-reporting-female-boss-businesspeople-sitting-meeting-table-with-holding-paper-talking-business-discussion-teamwork-concept_74855-11624.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -236,10 +178,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="CorpFlow"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user