Merge version_2 into main #2
267
src/app/page.tsx
267
src/app/page.tsx
@@ -33,31 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="CorpFlow"
|
||||
button={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -65,103 +53,55 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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: "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: "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: "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: "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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
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/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/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/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/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/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: "Scalable Digital Solutions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Cloud Infrastructure",
|
||||
},
|
||||
type: "text", text: "Global Cloud Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Strategic Consulting",
|
||||
},
|
||||
type: "text", text: "Expert Strategic Consulting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Software Engineering",
|
||||
},
|
||||
type: "text", text: "Modern Software Engineering"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Data Analytics",
|
||||
},
|
||||
type: "text", text: "Enterprise Data Analytics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -183,19 +123,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Digital Strategy",
|
||||
description: "Mapping your journey to market dominance.",
|
||||
},
|
||||
title: "Digital Strategy", description: "Mapping your journey to market dominance."},
|
||||
{
|
||||
icon: Cloud,
|
||||
title: "Cloud Infrastructure",
|
||||
description: "Scalable, secure, and reliable deployments.",
|
||||
},
|
||||
title: "Cloud Infrastructure", description: "Scalable, secure, and reliable deployments."},
|
||||
{
|
||||
icon: Code,
|
||||
title: "Software Development",
|
||||
description: "Bespoke applications for your unique business.",
|
||||
},
|
||||
title: "Software Development", description: "Bespoke applications for your unique business."},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive solutions for the modern digital enterprise."
|
||||
@@ -210,41 +144,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Fintech Platform",
|
||||
price: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-employee-looking-charts-using-ai-software-green-screen-laptop_482257-90858.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: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working-her-laptop-outdoors_23-2149100338.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: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.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: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369872.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: "Case Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-color-palette-home-renovation_23-2148814358.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: "Case Study",
|
||||
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: "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."
|
||||
@@ -259,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Projects Delivered"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m2", value: "99%", description: "Client Satisfaction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Ongoing Support",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Ongoing Support"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that define our journey."
|
||||
@@ -284,14 +185,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"GlobalLogic",
|
||||
"DataSoft",
|
||||
"NextGen",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "GlobalLogic", "DataSoft", "NextGen"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Working with industry pioneers globally."
|
||||
/>
|
||||
@@ -303,60 +197,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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."
|
||||
@@ -370,22 +219,14 @@ export default function LandingPage() {
|
||||
description="We're ready to start your next project. Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
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"
|
||||
@@ -396,16 +237,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="CorpFlow"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user