Merge version_1 into main #2
318
src/app/page.tsx
318
src/app/page.tsx
@@ -26,225 +26,117 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Chi siamo",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Progetti",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "cta",
|
||||
},
|
||||
]}
|
||||
brandName="Nextbit"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Chi siamo", id: "about" },
|
||||
{ name: "Servizi", id: "services" },
|
||||
{ name: "Progetti", id: "projects" },
|
||||
{ name: "Contatti", id: "cta" },
|
||||
]}
|
||||
brandName="Nextbit"
|
||||
button={{ text: "Contattaci", href: "#cta" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Costruiamo app e siti web che funzionano."
|
||||
description="Due sviluppatori appassionati di tech e business. Trasformiamo idee in prodotti digitali concreti, veloci da lanciare e pensati per crescere."
|
||||
tag="Disponibili per nuovi progetti"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contattaci",
|
||||
href: "#cta",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/blue-abstract-technology-background_52683-11247.jpg?_wi=1"
|
||||
imageAlt="Nextbit Hero Background"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg",
|
||||
alt: "Dario",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-holding-laptop-pointing-with-index-finger-camera-smiling-confident-standing-blue_141793-109356.jpg",
|
||||
alt: "Jacopo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg",
|
||||
alt: "Team Member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-holding-laptop-pointing-with-index-finger-camera-smiling-confident-standing-blue_141793-109356.jpg",
|
||||
alt: "Team Member",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg",
|
||||
alt: "Team Member",
|
||||
},
|
||||
]}
|
||||
avatarText="Un team di esperti pronti a collaborare"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "React",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Flutter",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Node.js",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AWS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "TypeScript",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Costruiamo app e siti web che funzionano."
|
||||
description="Due sviluppatori appassionati di tech e business. Trasformiamo idee in prodotti digitali concreti, veloci da lanciare e pensati per crescere."
|
||||
tag="Disponibili per nuovi progetti"
|
||||
buttons={[{ text: "Contattaci", href: "#cta" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/blue-abstract-technology-background_52683-11247.jpg"
|
||||
imageAlt="Nextbit Hero Background"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg", alt: "Dario" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-holding-laptop-pointing-with-index-finger-camera-smiling-confident-standing-blue_141793-109356.jpg", alt: "Jacopo" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg", alt: "Team Member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-holding-laptop-pointing-with-index-finger-camera-smiling-confident-standing-blue_141793-109356.jpg", alt: "Team Member" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg", alt: "Team Member" },
|
||||
]}
|
||||
avatarText="Un team di esperti pronti a collaborare"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "React" },
|
||||
{ type: "text", text: "Flutter" },
|
||||
{ type: "text", text: "Node.js" },
|
||||
{ type: "text", text: "AWS" },
|
||||
{ type: "text", text: "TypeScript" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Chi siamo: Due ragazzi, una visione."
|
||||
metrics={[
|
||||
{
|
||||
icon: Code2,
|
||||
label: "Progetti Completati",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Lancio medio",
|
||||
value: "4 settimane",
|
||||
},
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "Clienti soddisfatti",
|
||||
value: "100%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Chi siamo: Due ragazzi, una visione."
|
||||
metrics={[
|
||||
{ icon: Code2, label: "Progetti Completati", value: "10+" },
|
||||
{ icon: Zap, label: "Lancio medio", value: "4 settimane" },
|
||||
{ icon: Rocket, label: "Clienti soddisfatti", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "App Mobile",
|
||||
description: "Sviluppo nativo e cross-platform su iOS e Android, con focus estremo sulla UX.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg?_wi=1",
|
||||
imageAlt: "App UI",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg?_wi=2",
|
||||
imageAlt: "App UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/blue-abstract-technology-background_52683-11247.jpg?_wi=2",
|
||||
imageAlt: "dark tech background abstract",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Siti Web",
|
||||
description: "Landing page, siti aziendali ed e-commerce ad alte prestazioni e ottimizzati SEO.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg?_wi=1",
|
||||
imageAlt: "Web UI",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg?_wi=2",
|
||||
imageAlt: "Web UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-white-suit-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22414.jpg",
|
||||
imageAlt: "software developer portrait studio",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="I nostri servizi"
|
||||
description="Offriamo soluzioni digitali ad alte prestazioni, focalizzate sull'usabilità e la conversione."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={false}
|
||||
title="I nostri servizi"
|
||||
description="Offriamo soluzioni digitali ad alte prestazioni, focalizzate sull'usabilità e la conversione."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "App Mobile", description: "Sviluppo nativo e cross-platform su iOS e Android, con focus estremo sulla UX.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg", imageAlt: "App UI" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg", imageAlt: "App UI" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Siti Web", description: "Landing page, siti aziendali ed e-commerce ad alte prestazioni e ottimizzati SEO.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg", imageAlt: "Web UI" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg", imageAlt: "Web UI" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "StudyPlanner",
|
||||
price: "Live",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "FinanceFlow",
|
||||
price: "Live",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Custom SaaS Tool",
|
||||
price: "In Work",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="I nostri progetti recenti"
|
||||
description="Soluzioni software scalabili che portano risultati reali."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "StudyPlanner", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg" },
|
||||
{ id: "p2", name: "FinanceFlow", price: "Live", imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-set_23-2148638382.jpg" },
|
||||
{ id: "p3", name: "Custom SaaS Tool", price: "In Work", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-freelancer-working-with-touchpad_1262-16086.jpg" },
|
||||
]}
|
||||
title="I nostri progetti recenti"
|
||||
description="Soluzioni software scalabili che portano risultati reali."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Lavoriamo insieme"
|
||||
title="Pronto a costruire qualcosa di concreto?"
|
||||
description="Mandaci un messaggio. Rispondiamo entro 24 ore e la prima consulenza è sempre gratuita."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scrivici una email",
|
||||
href: "mailto:nextbit.dev@gmail.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Lavoriamo insieme"
|
||||
title="Pronto a costruire qualcosa di concreto?"
|
||||
description="Mandaci un messaggio. Rispondiamo entro 24 ore e la prima consulenza è sempre gratuita."
|
||||
buttons={[{ text: "Scrivici una email", href: "mailto:nextbit.dev@gmail.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nextbit"
|
||||
leftLink={{
|
||||
text: "© 2026 Nextbit",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "nextbit.dev@gmail.com",
|
||||
href: "mailto:nextbit.dev@gmail.com",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nextbit"
|
||||
leftLink={{ text: "© 2026 Nextbit", href: "#" }}
|
||||
rightLink={{ text: "nextbit.dev@gmail.com", href: "mailto:nextbit.dev@gmail.com" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user