Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 106d20baa8 | |||
| 1a74e6d460 | |||
| e266d893c4 | |||
| e979e60cc2 |
317
src/app/page.tsx
317
src/app/page.tsx
@@ -32,136 +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>
|
||||
@@ -181,21 +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."
|
||||
@@ -209,42 +107,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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: "p4",
|
||||
name: "Logistics Dashboard",
|
||||
price: "Case Study",
|
||||
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: "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: "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."
|
||||
@@ -258,21 +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."
|
||||
@@ -283,15 +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."
|
||||
/>
|
||||
@@ -302,61 +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."
|
||||
@@ -369,25 +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>
|
||||
@@ -395,17 +178,11 @@ 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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user