Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5f6701abac |
237
src/app/page.tsx
237
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "About", id: "about" },
|
||||||
name: "About",
|
{ name: "Features", id: "features" },
|
||||||
id: "about",
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
},
|
{ name: "Pricing", id: "pricing" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "Features",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Pricing",
|
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="NexCorp"
|
brandName="NexCorp"
|
||||||
/>
|
/>
|
||||||
@@ -59,33 +44,13 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient",
|
|
||||||
}}
|
|
||||||
title="Professional Excellence Delivered"
|
title="Professional Excellence Delivered"
|
||||||
description="We help companies scale with reliable, data-driven solutions built for the future. Experience unmatched quality and dedicated service."
|
description="We help companies scale with reliable, data-driven solutions built for the future. Experience unmatched quality and dedicated service."
|
||||||
tag="Trusted Enterprise Solutions"
|
tag="Trusted Enterprise Solutions"
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg", imageAlt: "Business professional meeting" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_1262-3035.jpg", imageAlt: "Modern office space" }
|
||||||
imageAlt: "Business professional meeting",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_1262-3035.jpg",
|
|
||||||
imageAlt: "Modern office space",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sharing-new-ideas_1098-14952.jpg",
|
|
||||||
imageAlt: "Sharing new ideas",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-interior-with-glass-walls_9975-135688.jpg",
|
|
||||||
imageAlt: "Modern Office Interior with Glass Walls",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-scene-skyline-morning-view-metropolis-concept_53876-23186.jpg",
|
|
||||||
imageAlt: "Urban Scene Skyline Morning View Metropolis Concept",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
rating={5}
|
rating={5}
|
||||||
@@ -99,21 +64,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Measured by Results"
|
title="Measured by Results"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: Award, label: "Projects Completed", value: "150+" },
|
||||||
icon: Award,
|
{ icon: Users, label: "Happy Clients", value: "85" },
|
||||||
label: "Projects Completed",
|
{ icon: TrendingUp, label: "Growth Rate", value: "240%" },
|
||||||
value: "150+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Users,
|
|
||||||
label: "Happy Clients",
|
|
||||||
value: "85",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: TrendingUp,
|
|
||||||
label: "Growth Rate",
|
|
||||||
value: "240%",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -126,28 +79,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Data Analytics",
|
title: "Data Analytics", description: "Leverage advanced insights.", bentoComponent: "reveal-icon", icon: LineChart
|
||||||
description: "Leverage advanced insights.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: LineChart,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/unsuitable-furious-woman-gets-angry-after-getting-rejected-from-job-offer_482257-116761.jpg",
|
|
||||||
imageAlt: "Unsuitable furious woman gets angry after getting rejected from the job offer",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Team Collaboration",
|
title: "Team Collaboration", description: "Streamline complex workflows.", bentoComponent: "reveal-icon", icon: Users
|
||||||
description: "Streamline complex workflows.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: Users,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg",
|
|
||||||
imageAlt: "Unsuitable furious woman gets angry after getting rejected from the job offer",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Security First",
|
title: "Security First", description: "Protect your digital assets.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
||||||
description: "Protect your digital assets.",
|
|
||||||
bentoComponent: "reveal-icon",
|
|
||||||
icon: ShieldCheck,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_1262-3035.jpg",
|
|
||||||
imageAlt: "Unsuitable furious woman gets angry after getting rejected from the job offer",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Comprehensive Capabilities"
|
title="Comprehensive Capabilities"
|
||||||
@@ -160,13 +98,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Microsoft",
|
"Microsoft", "Google", "Apple", "Amazon", "Tesla", "Adobe", "Salesforce"
|
||||||
"Google",
|
|
||||||
"Apple",
|
|
||||||
"Amazon",
|
|
||||||
"Tesla",
|
|
||||||
"Adobe",
|
|
||||||
"Salesforce",
|
|
||||||
]}
|
]}
|
||||||
title="Trusted by Leaders"
|
title="Trusted by Leaders"
|
||||||
description="Partnering with industry pioneers to deliver excellence."
|
description="Partnering with industry pioneers to deliver excellence."
|
||||||
@@ -180,46 +112,11 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Alice Johnson", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Mark Stevens", role: "CTO", company: "Global Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-80.jpg" },
|
||||||
name: "Alice Johnson",
|
{ id: "3", name: "Emily Chen", role: "Manager", company: "Innovate Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg" },
|
||||||
role: "CEO",
|
{ id: "4", name: "David Miller", role: "Founder", company: "Startup Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg" },
|
||||||
company: "TechStream",
|
{ id: "5", name: "Sarah Lee", role: "Director", company: "Growth Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Mark Stevens",
|
|
||||||
role: "CTO",
|
|
||||||
company: "Global Solutions",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-80.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily Chen",
|
|
||||||
role: "Manager",
|
|
||||||
company: "Innovate Ltd",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David Miller",
|
|
||||||
role: "Founder",
|
|
||||||
company: "Startup Co",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Sarah Lee",
|
|
||||||
role: "Director",
|
|
||||||
company: "Growth Inc",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Client Success Stories"
|
title="Client Success Stories"
|
||||||
description="See why top industry leaders choose our platform to scale their business operations."
|
description="See why top industry leaders choose our platform to scale their business operations."
|
||||||
@@ -232,38 +129,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{ id: "starter", badge: "Core", price: "$99", subtitle: "For small teams", features: ["Feature A", "Standard Support"] },
|
||||||
id: "starter",
|
{ id: "pro", badge: "Pro", price: "$299", subtitle: "For growing businesses", features: ["Feature A & B", "Priority Support", "Analytics"] },
|
||||||
badge: "Core",
|
{ id: "enterprise", badge: "Elite", price: "$799", subtitle: "For large scale", features: ["All Features", "Dedicated Manager", "24/7 Access"] },
|
||||||
price: "$99",
|
|
||||||
subtitle: "For small teams",
|
|
||||||
features: [
|
|
||||||
"Feature A",
|
|
||||||
"Standard Support",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "pro",
|
|
||||||
badge: "Pro",
|
|
||||||
price: "$299",
|
|
||||||
subtitle: "For growing businesses",
|
|
||||||
features: [
|
|
||||||
"Feature A & B",
|
|
||||||
"Priority Support",
|
|
||||||
"Analytics",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "enterprise",
|
|
||||||
badge: "Elite",
|
|
||||||
price: "$799",
|
|
||||||
subtitle: "For large scale",
|
|
||||||
features: [
|
|
||||||
"All Features",
|
|
||||||
"Dedicated Manager",
|
|
||||||
"24/7 Access",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Flexible Pricing Options"
|
title="Flexible Pricing Options"
|
||||||
description="Choose the perfect plan to accelerate your growth."
|
description="Choose the perfect plan to accelerate your growth."
|
||||||
@@ -274,21 +142,9 @@ export default function LandingPage() {
|
|||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "How do we get started?", content: "Book a discovery call today." },
|
||||||
id: "f1",
|
{ id: "f2", title: "Do you offer support?", content: "Yes, our team is available 24/7." },
|
||||||
title: "How do we get started?",
|
{ id: "f3", title: "Is there a contract?", content: "We offer flexible monthly and annual options." },
|
||||||
content: "Book a discovery call today.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Do you offer support?",
|
|
||||||
content: "Yes, our team is available 24/7.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Is there a contract?",
|
|
||||||
content: "We offer flexible monthly and annual options.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Common Questions"
|
sideTitle="Common Questions"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
@@ -299,48 +155,17 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
text="Ready to elevate your business? Let's connect."
|
text="Ready to elevate your business? Let's connect."
|
||||||
buttons={[
|
buttons={[{ text: "Contact Us", href: "/contact" }]}
|
||||||
{
|
|
||||||
text: "Contact Us",
|
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||||
title: "Company",
|
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Guides", href: "#" }] },
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Careers",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Resources",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Blog",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Guides",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="NexCorp"
|
logoText="NexCorp"
|
||||||
copyrightText="© 2025 | NexCorp"
|
copyrightText="© 2025 | NexCorp"
|
||||||
@@ -349,4 +174,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user