Merge version_1 into main #2
237
src/app/page.tsx
237
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NexCorp"
|
||||
/>
|
||||
@@ -59,33 +44,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Professional Excellence Delivered"
|
||||
description="We help companies scale with reliable, data-driven solutions built for the future. Experience unmatched quality and dedicated service."
|
||||
tag="Trusted Enterprise Solutions"
|
||||
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/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",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/working-with-partner_1098-14261.jpg", imageAlt: "Business professional meeting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_1262-3035.jpg", imageAlt: "Modern office space" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -99,21 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Measured by Results"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "85",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Growth Rate",
|
||||
value: "240%",
|
||||
},
|
||||
{ icon: Award, label: "Projects Completed", value: "150+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "85" },
|
||||
{ icon: TrendingUp, label: "Growth Rate", value: "240%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -126,28 +79,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Data Analytics",
|
||||
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: "Data Analytics", description: "Leverage advanced insights.", bentoComponent: "reveal-icon", icon: LineChart
|
||||
},
|
||||
{
|
||||
title: "Team Collaboration",
|
||||
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: "Team Collaboration", description: "Streamline complex workflows.", bentoComponent: "reveal-icon", icon: Users
|
||||
},
|
||||
{
|
||||
title: "Security First",
|
||||
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: "Security First", description: "Protect your digital assets.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Capabilities"
|
||||
@@ -160,13 +98,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Adobe",
|
||||
"Salesforce",
|
||||
"Microsoft", "Google", "Apple", "Amazon", "Tesla", "Adobe", "Salesforce"
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Partnering with industry pioneers to deliver excellence."
|
||||
@@ -180,46 +112,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
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: "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",
|
||||
},
|
||||
{ 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: "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"
|
||||
description="See why top industry leaders choose our platform to scale their business operations."
|
||||
@@ -232,38 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Core",
|
||||
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",
|
||||
],
|
||||
},
|
||||
{ id: "starter", badge: "Core", 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"
|
||||
description="Choose the perfect plan to accelerate your growth."
|
||||
@@ -274,21 +142,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we get started?",
|
||||
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.",
|
||||
},
|
||||
{ id: "f1", title: "How do we get started?", 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"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -299,48 +155,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Ready to elevate your business? Let's connect."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Guides", href: "#" }] },
|
||||
]}
|
||||
logoText="NexCorp"
|
||||
copyrightText="© 2025 | NexCorp"
|
||||
@@ -349,4 +174,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user