253 lines
18 KiB
TypeScript
253 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Zap, Sparkles, Award, Rocket } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Nexcore"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Game-Changing Browser Extensions for Forward-Thinking Teams"
|
|
description="Nexcore specializes in creating innovative, powerful browser extensions that transform how teams work, collaborate, and innovate. From productivity boosters to enterprise solutions, we deliver extensions that users love."
|
|
tag="Innovation Starts Here"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "circleGradient" }}
|
|
buttons={[
|
|
{ text: "Start Your Project", href: "contact" },
|
|
{ text: "View Our Work", href: "portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-an-innovative-productivi-1772531088290-2f4f5fb2.png?_wi=1", imageAlt: "Productivity Extension Interface" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-a-content-management-bro-1772531088268-a6ebd1e7.png?_wi=1", imageAlt: "Content Management Extension" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-a-collaboration-or-commu-1772531087919-93348fed.png?_wi=1", imageAlt: "Collaboration Tool Extension" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-an-analytics-or-monitori-1772531089190-53296d08.png?_wi=1", imageAlt: "Analytics Dashboard Extension" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-a-security-or-privacy-fo-1772531091737-a908dc3f.png?_wi=1", imageAlt: "Security Extension Interface" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-dynamic-modern-browser-interface-showi-1772531088469-4ffaae74.png", imageAlt: "Browser Extensions Showcase" }
|
|
]}
|
|
ariaLabel="Nexcore - Game-Changing Browser Extensions Hero Section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Nexcore"
|
|
description={[
|
|
"Nexcore is a boutique agency dedicated to designing and developing high-impact browser extensions. With a team of experienced developers, designers, and product strategists, we transform complex ideas into elegant, user-friendly extensions that solve real problems.", "We believe great browser extensions are more than code—they're solutions that enhance productivity, streamline workflows, and empower users. Every project we undertake reflects our commitment to quality, innovation, and exceeding expectations."
|
|
]}
|
|
buttons={[{ text: "Explore Our Services", href: "features" }]}
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Nexcore Agency"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
title="Our Expertise & Services"
|
|
description="From concept to launch, Nexcore provides comprehensive browser extension development services."
|
|
features={[
|
|
{
|
|
id: "1", title: "Extension Design & Strategy", description: "We define the vision for your extension—architecture, user flows, and market positioning to ensure success from day one.", tag: "Strategy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-an-innovative-productivi-1772531088290-2f4f5fb2.png?_wi=2", imageAlt: "Extension Strategy and Design"
|
|
},
|
|
{
|
|
id: "2", title: "Full-Stack Development", description: "Expert developers craft robust, performant extensions using modern frameworks and best practices for Chrome, Firefox, and Edge.", tag: "Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-a-content-management-bro-1772531088268-a6ebd1e7.png?_wi=2", imageAlt: "Full-Stack Development"
|
|
},
|
|
{
|
|
id: "3", title: "UI/UX Design", description: "Beautiful, intuitive interfaces that users love. We design popups, options pages, and sidebars that are both functional and delightful.", tag: "Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-a-collaboration-or-commu-1772531087919-93348fed.png?_wi=2", imageAlt: "UI/UX Design"
|
|
},
|
|
{
|
|
id: "4", title: "Testing & QA", description: "Rigorous testing across platforms and browsers ensures your extension works flawlessly, every time.", tag: "Quality Assurance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-an-analytics-or-monitori-1772531089190-53296d08.png?_wi=2", imageAlt: "Testing and QA"
|
|
},
|
|
{
|
|
id: "5", title: "Launch & Deployment", description: "We handle store submissions, versioning, and deployment to get your extension live and discoverable.", tag: "Launch", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-a-security-or-privacy-fo-1772531091737-a908dc3f.png?_wi=2", imageAlt: "Launch and Deployment"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="What We Do"
|
|
tagIcon={Sparkles}
|
|
carouselMode="buttons"
|
|
ariaLabel="Nexcore Services and Features"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardFour
|
|
title="Recent Projects & Extensions"
|
|
description="Explore a selection of extensions we've built for leading companies and innovative teams worldwide."
|
|
tag="Portfolio Showcase"
|
|
tagIcon={Award}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "ext-1", name: "ProductFlow Pro", price: "Enterprise", variant: "Used by 10k+ PMs", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-an-innovative-productivi-1772531088290-2f4f5fb2.png?_wi=3", imageAlt: "ProductFlow Pro Extension"
|
|
},
|
|
{
|
|
id: "ext-2", name: "ContentSync", price: "Enterprise", variant: "Content Management", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-a-content-management-bro-1772531088268-a6ebd1e7.png?_wi=3", imageAlt: "ContentSync Extension"
|
|
},
|
|
{
|
|
id: "ext-3", name: "TeamHub Connect", price: "Enterprise", variant: "Collaboration Platform", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-a-collaboration-or-commu-1772531087919-93348fed.png?_wi=3", imageAlt: "TeamHub Connect Extension"
|
|
},
|
|
{
|
|
id: "ext-4", name: "InsightAnalytics", price: "Enterprise", variant: "Data Intelligence", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-screenshot-of-an-analytics-or-monitori-1772531089190-53296d08.png?_wi=3", imageAlt: "InsightAnalytics Extension"
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
ariaLabel="Nexcore Portfolio and Recent Projects"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Leading companies rely on Nexcore to build extensions that drive productivity and innovation."
|
|
tag="Our Partners"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-young-man-clicks-facebook-page-bookmark_482257-116836.jpg", "http://img.b2bpic.net/free-vector/social-media-logotype-collection_23-2148076772.jpg", "http://img.b2bpic.net/free-vector/geometrical-logos-collection_23-2147518971.jpg", "http://img.b2bpic.net/free-vector/gradient-social-media-logo-collection_23-2148306808.jpg", "http://img.b2bpic.net/free-vector/minimal-logo-element-set-two-colors_23-2148386260.jpg", "http://img.b2bpic.net/free-vector/modern-cover-template-collection_23-2147853308.jpg", "http://img.b2bpic.net/free-vector/flat-slow-fashion-badge-set_23-2148828530.jpg"
|
|
]}
|
|
names={["Google", "Microsoft", "Slack", "Figma", "Notion", "Stripe", "Vercel"]}
|
|
speed={40}
|
|
showCard={true}
|
|
ariaLabel="Social proof - Trusted Partners"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
title="Meet Our Team"
|
|
description="Talented developers, designers, and strategists united by a passion for creating exceptional browser extensions."
|
|
tag="Our People"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
groups={[
|
|
{
|
|
id: "founders", groupTitle: "Founders & Leadership", members: [
|
|
{
|
|
id: "1", title: "Alex Chen", subtitle: "Co-Founder & CTO", detail: "alex@nexcore.dev", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-professional-headshot-of-a-male-softwa-1772531090243-421aead8.png", imageAlt: "Alex Chen"
|
|
},
|
|
{
|
|
id: "2", title: "Sarah Mitchell", subtitle: "Co-Founder & Creative Director", detail: "sarah@nexcore.dev", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-professional-headshot-of-a-female-prod-1772531087073-0e9f3b3b.png", imageAlt: "Sarah Mitchell"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
id: "core", groupTitle: "Core Development Team", members: [
|
|
{
|
|
id: "3", title: "James Rodriguez", subtitle: "Senior Full-Stack Developer", detail: "james@nexcore.dev", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-professional-headshot-of-a-male-projec-1772531086372-631bdc98.png", imageAlt: "James Rodriguez"
|
|
},
|
|
{
|
|
id: "4", title: "Emma Zhang", subtitle: "Lead Product Designer", detail: "emma@nexcore.dev", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-professional-headshot-of-a-female-deve-1772531087143-069abf21.png", imageAlt: "Emma Zhang"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Meet the Nexcore Team"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Clients Say"
|
|
description="Hear from the teams and companies that have partnered with Nexcore to build exceptional browser extensions."
|
|
tag="Success Stories"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Michael Johnson", handle: "Founder, TechFlow", testimonial: "Nexcore transformed our vision into a market-leading extension. Their expertise in both development and UX design is exceptional. Highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-professional-headshot-of-a-startup-fou-1772531087218-ab6b9aaa.png", imageAlt: "Michael Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Lisa Chen", handle: "Product Lead, InnovateLab", testimonial: "Working with Nexcore was a game-changer. They didn't just build an extension—they helped us refine our entire product strategy. Outstanding partners.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-professional-headshot-of-a-tech-compan-1772531087344-d0840c59.png", imageAlt: "Lisa Chen"
|
|
},
|
|
{
|
|
id: "3", name: "David Park", handle: "CEO, StartupXYZ", testimonial: "The team at Nexcore is incredibly talented and responsive. They delivered our extension on time and exceeded our expectations in every way.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-professional-headshot-of-a-product-lea-1772531087240-1e69d8c6.png", imageAlt: "David Park"
|
|
},
|
|
{
|
|
id: "4", name: "Rebecca Santos", handle: "VP Product, GrowthCo", testimonial: "From concept to launch, Nexcore's professionalism and technical prowess made the entire process seamless. They're the best in the business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-professional-headshot-of-a-cto-or-tech-1772531086847-e79211ed.png", imageAlt: "Rebecca Santos"
|
|
},
|
|
{
|
|
id: "5", name: "Tom Bradley", handle: "CTO, CloudSync", testimonial: "Nexcore delivered an extension that not only met our requirements but also opened up new market opportunities. Fantastic collaboration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-professional-headshot-of-a-business-de-1772531087787-7aa0ed71.png", imageAlt: "Tom Bradley"
|
|
},
|
|
{
|
|
id: "6", name: "Jessica Kumar", handle: "Founder, NextGen Labs", testimonial: "I was impressed by Nexcore's attention to detail and deep understanding of browser extension development. They're true innovators.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQi5Dqe3F5RNBg3MBTEec0oMkg/a-professional-headshot-of-an-innovative-1772531087108-bff21bfb.png", imageAlt: "Jessica Kumar"
|
|
}
|
|
]}
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
ariaLabel="Client Testimonials and Success Stories"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Let's Build Together"
|
|
tagIcon={Rocket}
|
|
title="Ready to Launch Your Next Browser Extension?"
|
|
description="Let's collaborate to bring your browser extension idea to life. Whether you're starting from scratch or looking to enhance an existing extension, our team is ready to help you succeed."
|
|
buttons={[
|
|
{ text: "Get In Touch", href: "#" },
|
|
{ text: "Schedule a Consultation", href: "#" }
|
|
]}
|
|
background={{ variant: "circleGradient" }}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Contact Nexcore - Let's Build Together"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Nexcore"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
ariaLabel="Nexcore Footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|