Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -25,211 +25,92 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="TechFlow"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="TechFlow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Scale Your Operations with Next-Gen Tech"
|
||||
description="Unlock unparalleled performance with our cloud-native infrastructure solutions designed for modern enterprise scaling."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Transformed our data pipeline efficiency by 300% in one month.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-agent-hearing-customer-desires-portrait-good-looking-european-businesswoman-blue-blouse-glasses-holding-hands-pockets-smiling-being-friendly-polite-gray-wall_176420-25025.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Mike Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "The best developer toolset I have used in the last decade.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asia-businessmen-businesswomen-meeting-brainstorming-ideas-conducting-business-presentation-project-colleagues-working-together-plan-success-strategy-enjoy-teamwork-small-modern-night-office_7861-2388.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@erod",
|
||||
testimonial: "Scalability is no longer a concern. Fantastic support.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241215.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Incredible performance gains across all our microservices.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex B.",
|
||||
handle: "@alexb",
|
||||
testimonial: "Simply revolutionary architecture.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-holding-takeaway-coffee-cup-hand_23-2148176167.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
|
||||
alt: "business woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
|
||||
alt: "senior businesswoman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg",
|
||||
alt: "ethnic executive",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-patient-looking-camera-sitting-chair-waiting-room-stomatologic_482257-4045.jpg",
|
||||
alt: "woman patient",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg",
|
||||
alt: "man working late",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global enterprises"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud-Native Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Driven Analytics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Enterprise Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Zero-Downtime Scaling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Compliance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Scale Your Operations with Next-Gen Tech"
|
||||
description="Unlock unparalleled performance with our cloud-native infrastructure solutions designed for modern enterprise scaling."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Transformed our data pipeline efficiency by 300% in one month.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/travel-agent-hearing-customer-desires-portrait-good-looking-european-businesswoman-blue-blouse-glasses-holding-hands-pockets-smiling-being-friendly-polite-gray-wall_176420-25025.jpg" },
|
||||
{ name: "Mike Chen", handle: "@mchen", testimonial: "The best developer toolset I have used in the last decade.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asia-businessmen-businesswomen-meeting-brainstorming-ideas-conducting-business-presentation-project-colleagues-working-together-plan-success-strategy-enjoy-teamwork-small-modern-night-office_7861-2388.jpg" },
|
||||
{ name: "Emily R.", handle: "@erod", testimonial: "Scalability is no longer a concern. Fantastic support.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241215.jpg" },
|
||||
{ name: "David Kim", handle: "@dkim", testimonial: "Incredible performance gains across all our microservices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg" },
|
||||
{ name: "Alex B.", handle: "@alexb", testimonial: "Simply revolutionary architecture.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-holding-takeaway-coffee-cup-hand_23-2148176167.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "/contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI Analytics",
|
||||
description: "Leverage machine learning for real-time performance insights.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eid-social-media-phone-perspective-view-white-background_187299-39163.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-phone-with-blank-screen_482257-76252.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-agent-hearing-customer-desires-portrait-good-looking-european-businesswoman-blue-blouse-glasses-holding-hands-pockets-smiling-being-friendly-polite-gray-wall_176420-25025.jpg?_wi=2",
|
||||
imageAlt: "ui mobile screen",
|
||||
},
|
||||
{
|
||||
title: "Cloud Scaling",
|
||||
description: "Seamless auto-scaling to handle peak traffic demand.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sky-weather-climate-ozone-atmosphere_53876-23297.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671567.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asia-businessmen-businesswomen-meeting-brainstorming-ideas-conducting-business-presentation-project-colleagues-working-together-plan-success-strategy-enjoy-teamwork-small-modern-night-office_7861-2388.jpg?_wi=2",
|
||||
imageAlt: "ui mobile screen",
|
||||
},
|
||||
{
|
||||
title: "Security First",
|
||||
description: "Enterprise-grade encryption and compliance standards.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-security-with-login-password-padlock_107791-16191.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-tablet_1134-117.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241215.jpg?_wi=2",
|
||||
imageAlt: "ui mobile screen",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Powerful Built-in Features"
|
||||
description="Engineered for excellence, our platform provides everything you need to build, deploy, and scale."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Powerful Built-in Features"
|
||||
description="Engineered for excellence, our platform provides everything you need to build, deploy, and scale."
|
||||
showStepNumbers={true}
|
||||
features={[
|
||||
{ title: "AI Analytics", description: "Leverage machine learning for real-time performance insights.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/eid-social-media-phone-perspective-view-white-background_187299-39163.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-phone-with-blank-screen_482257-76252.jpg" } },
|
||||
{ title: "Cloud Scaling", description: "Seamless auto-scaling to handle peak traffic demand.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/sky-weather-climate-ozone-atmosphere_53876-23297.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671567.jpg" } },
|
||||
{ title: "Security First", description: "Enterprise-grade encryption and compliance standards.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/computer-security-with-login-password-padlock_107791-16191.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-tablet_1134-117.jpg" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
title="Our Products"
|
||||
description="Innovative tools built for scale."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Our clients are delivering at scale."
|
||||
names={["Alice", "Bob", "Charlie"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
title="Our Team"
|
||||
description="Meet the experts building your future."
|
||||
members={[{ name: "Jane", role: "CEO" }, { name: "John", role: "CTO" }]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="TechFlow"
|
||||
copyrightText="© 2025 TechFlow Inc. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="TechFlow"
|
||||
copyrightText="© 2025 TechFlow Inc. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user