bender/35ab2153-10fa-46bc-94b4-3dd27dd92f97
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

13 Commits
version_1 ... main

Author SHA1 Message Date
bender
2f93859b20 Merge version_4 into main 
Merge version_4 into main
 2026-04-28 10:22:46 +00:00
bender
30ccbfaa2e Update src/app/page.tsx 2026-04-28 10:22:42 +00:00
bender
cf063d9ddd Merge version_4 into main 
Merge version_4 into main
 2026-04-28 10:22:12 +00:00
bender
ba96f1efe6 Update src/app/page.tsx 2026-04-28 10:22:08 +00:00
bender
09fe2bd7a3 Merge version_3 into main 
Merge version_3 into main
 2026-04-28 10:17:25 +00:00
bender
0e339752ab Update src/app/styles/base.css 2026-04-28 10:17:22 +00:00
bender
246c959e84 Update src/app/page.tsx 2026-04-28 10:17:21 +00:00
bender
871c375703 Update src/app/layout.tsx 2026-04-28 10:17:21 +00:00
bender
007c59ccc4 Merge version_2 into main 
Merge version_2 into main
 2026-04-28 10:10:18 +00:00
bender
866d1f0b9f Update src/app/page.tsx 2026-04-28 10:10:15 +00:00
bender
21b597fc31 Merge version_1 into main 
Merge version_1 into main
 2026-04-28 10:08:19 +00:00
bender
54a460bedd Merge version_1 into main 
Merge version_1 into main
 2026-04-28 10:07:44 +00:00
bender
9887b6bf36 Merge version_1 into main 
Merge version_1 into main
 2026-04-28 10:07:08 +00:00
3 changed files with 40 additions and 146 deletions
Expand all files Collapse all files

14
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Mulish } from "next/font/google";
import { Roboto } from "next/font/google";
@@ -21,13 +22,10 @@ export const metadata: Metadata = {
},
};
const mulish = Mulish({
variable: "--font-mulish",
subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
const roboto = Roboto({
variable: "--font-roboto", subsets: ["latin"],
weight: ["100", "300", "400", "500", "700", "900"],
});
export default function RootLayout({
@@ -38,7 +36,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${mulish.variable} ${inter.variable} antialiased`}>
<body className={`${roboto.variable} antialiased`}>
<Tag />
{children}
<script

168
src/app/page.tsx
View File

@@ -6,13 +6,13 @@ import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, DollarSign, Film, Share2, TrendingUp, Users, Zap } from "lucide-react";
import { Award, DollarSign, TrendingUp, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,76 +32,22 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Servizi", id: "servizi"},
{
name: "Portfolio", id: "portfolio"},
{
name: "Contatti", id: "contact"},
{ name: "Servizi", id: "servizi" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Contatti", id: "contact" },
]}
brandName="PHOCAL"
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyvZSJ3NIxg1teVTt49uEam1hG/uploaded-1777371002688-1ojagwbu.png"
logoClassName="scale-150"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars"}}
title="Creiamo Contenuti Che Fanno Vendere"
<HeroLogo
logoText=""
description="Spot ADV cinematici, creator UGC, e video professionali costruiti per trasformare il tuo brand in revenue engine. Oltre 120 contenuti creati, 35 brand in crescita reale."
testimonials={[
{
name: "Sarah J.", handle: "@sarah_brand", testimonial: "I loro contenuti hanno triplicato il nostro ROAS in meno di un mese.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vintage-objects-arrangement-still-life_23-2150348584.jpg?_wi=1", imageAlt: "cinematic film studio lighting"},
{
name: "Marco V.", handle: "@marco_v", testimonial: "Qualità cinematografica incredibile. Agency partner perfetta.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/video-creator-woman-editing-music-video-dual-monitors-loft-studio_482257-121062.jpg?_wi=1", imageAlt: "cinematic film studio lighting"},
{
name: "Elena R.", handle: "@elena_prod", testimonial: "Veloci, professionali e sanno esattamente come convertire.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4875.jpg?_wi=1", imageAlt: "cinematic film studio lighting"},
{
name: "David K.", handle: "@david_k", testimonial: "Content creation ad altissimo livello. Un vero game changer.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-reflection-wooden-bridge-water-snowy-shore-winter_181624-60119.jpg?_wi=1", imageAlt: "cinematic film studio lighting"},
{
name: "Sara B.", handle: "@sara_b", testimonial: "Strategia chiara e risultati misurabili. Finalmente.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg?_wi=1", imageAlt: "cinematic film studio lighting"},
]}
buttons={[
{
text: "Richiedi Strategia Gratuita", href: "#contact"},
{
text: "Guarda Portfolio", href: "#portfolio"},
]}
imageSrc="http://img.b2bpic.net/free-photo/vintage-objects-arrangement-still-life_23-2150348584.jpg?_wi=2"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-red-light_23-2149417025.jpg", alt: "High angle hard drive in red light"},
{
src: "http://img.b2bpic.net/free-photo/movie-background-collage_23-2149876021.jpg", alt: "Movie background collage"},
{
src: "http://img.b2bpic.net/free-photo/woman-wearing-sunglasses-standing-near-source-light_250224-293.jpg", alt: "Woman wearing sunglasses and standing near source of light"},
{
src: "http://img.b2bpic.net/free-photo/top-view-workspace-with-equipment-copy-space_23-2148430832.jpg", alt: "Top view of workspace with equipment and copy space"},
{
src: "http://img.b2bpic.net/free-photo/hand-holding-phone-with-blank-screen_482257-76252.jpg", alt: "Hand holding a phone with a blank screen"},
]}
marqueeItems={[
{
type: "text-icon", text: "Cinema-Grade", icon: Film,
},
{
type: "text-icon", text: "UGC Strategy", icon: Users,
},
{
type: "text-icon", text: "Performance Driven", icon: TrendingUp,
},
{
type: "text-icon", text: "Social Native", icon: Share2,
},
{
type: "text-icon", text: "Brand Growth", icon: Award,
},
{ text: "Richiedi Strategia Gratuita", href: "#contact" },
{ text: "Guarda Portfolio", href: "#portfolio" },
]}
/>
</div>
@@ -126,22 +72,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Spot ADV Cinematici", description: "Riprese ad alta risoluzione con tecniche cinematografiche per elevare la percezione di marca.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4875.jpg?_wi=2"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-reflection-wooden-bridge-water-snowy-shore-winter_181624-60119.jpg?_wi=2"},
title: "Spot ADV Cinematici", description: "Riprese ad alta risoluzione con tecniche cinematografiche per elevare la percezione di marca.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/business-woman-hand-with-financial-charts-mobile-phone-laptop-table_1232-4875.jpg?_wi=2" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-reflection-wooden-bridge-water-snowy-shore-winter_181624-60119.jpg?_wi=2" },
},
{
title: "Creator UGC Strategici", description: "Community di creator selezionati che sanno come parlare alla tua audience in modo autentico.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165982.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184615.jpg"},
title: "Creator UGC Strategici", description: "Community di creator selezionati che sanno come parlare alla tua audience in modo autentico.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165982.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-black-white-light-projector-theatre_23-2151184615.jpg" },
},
{
title: "Editing Data-Driven", description: "Montaggio ottimizzato per i feed social che cattura l'attenzione nei primi 3 secondi.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-indoors_23-2149321587.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/stacked-film-reels-with-film-strip-near-popcorn-against-white-background_23-2148188220.jpg"},
title: "Editing Data-Driven", description: "Montaggio ottimizzato per i feed social che cattura l'attenzione nei primi 3 secondi.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-indoors_23-2149321587.jpg" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/stacked-film-reels-with-film-strip-near-popcorn-against-white-background_23-2148188220.jpg" },
},
]}
showStepNumbers={true}
@@ -156,15 +96,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1", title: "Contenuti prodotti", value: "120+", icon: Award,
},
{
id: "m2", title: "Brand scalati", value: "35", icon: TrendingUp,
},
{
id: "m3", title: "Media ROAS", value: "4.2x", icon: DollarSign,
},
{ id: "m1", title: "Contenuti prodotti", value: "120+", icon: Award },
{ id: "m2", title: "Brand scalati", value: "35", icon: TrendingUp },
{ id: "m3", title: "Media ROAS", value: "4.2x", icon: DollarSign },
]}
title="Risultati Certificati"
description="I numeri che guidano la nostra creatività quotidiana."
@@ -177,16 +111,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Luca R.", role: "Founder, ScaleCo", testimonial: "Ottima gestione dei tempi e qualità visiva imbattibile.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg?_wi=2"},
{
id: "t2", name: "Giulia M.", role: "CMO, BrandX", testimonial: "Hanno capito subito il tono di voce del nostro brand.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
{
id: "t3", name: "Andrea F.", role: "CEO, FitTech", testimonial: "Un investimento che si ripaga da solo ogni mese.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg"},
{
id: "t4", name: "Sofia G.", role: "Marketing, StyleLab", testimonial: "Content creation mai così semplice e profittevole.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173732.jpg"},
{
id: "t5", name: "Marco D.", role: "Owner, FoodStar", testimonial: "Creatività e analisi che fanno la differenza reale.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-museum_23-2150770979.jpg"},
{ id: "t1", name: "Luca R.", role: "Founder, ScaleCo", testimonial: "Ottima gestione dei tempi e qualità visiva imbattibile.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg?_wi=2" },
{ id: "t2", name: "Giulia M.", role: "CMO, BrandX", testimonial: "Hanno capito subito il tono di voce del nostro brand.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
{ id: "t3", name: "Andrea F.", role: "CEO, FitTech", testimonial: "Un investimento che si ripaga da solo ogni mese.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
]}
title="Dicono Di Noi"
description="Partner di fiducia per i brand più innovativi."
@@ -201,12 +128,7 @@ export default function LandingPage() {
title="Insights e Strategie"
description="Le nostre ultime riflessioni sul mondo della content creation."
blogs={[
{
id: "b1", category: "Strategy", title: "Come aumentare il ROAS", excerpt: "Le strategie video che funzionano oggi.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-vaporwave-portrait-man_23-2148950762.jpg", authorName: "Phocal Team", authorAvatar: "http://img.b2bpic.net/free-photo/experienced-grey-haired-businessman-standing_74855-9871.jpg", date: "12 Gen 2024"},
{
id: "b2", category: "Production", title: "Video Cinematici ADV", excerpt: "L'importanza della luce e della narrazione.", imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-126882.jpg", authorName: "Phocal Team", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", date: "10 Gen 2024"},
{
id: "b3", category: "Trend", title: "UGC: Perché sono essenziali", excerpt: "L'autenticità che vince nel mercato di oggi.", imageSrc: "http://img.b2bpic.net/free-photo/homicide-department-wrapped-up-work_1098-14764.jpg", authorName: "Phocal Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", date: "05 Gen 2024"},
{ id: "b1", category: "Strategy", title: "Come aumentare il ROAS", excerpt: "Le strategie video che funzionano oggi.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-vaporwave-portrait-man_23-2148950762.jpg", authorName: "Phocal Team", authorAvatar: "http://img.b2bpic.net/free-photo/experienced-grey-haired-businessman-standing_74855-9871.jpg", date: "12 Gen 2024" },
]}
/>
</div>
@@ -215,8 +137,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechCorp", "FashionFlow", "HealthHub", "BeautyPrime", "FintechOne", "MediaStudio", "FoodLab"]}
names={["TechCorp", "FashionFlow", "HealthHub", "BeautyPrime", "FintechOne"]}
title="Hanno Scelto Phocal"
description="Collaboriamo con brand ambiziosi in tutta Europa."
/>
@@ -225,8 +146,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
tag="Contatti"
title="Trasforma il Tuo Brand"
description="Richiedi una chiamata strategica gratuita e scopri come elevare la tua comunicazione."
@@ -236,39 +156,15 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Servizi", items: [
{
label: "Spot ADV", href: "#"},
{
label: "UGC Creation", href: "#"},
{
label: "Strategy", href: "#"},
],
},
{
title: "Risorse", items: [
{
label: "Blog", href: "#"},
{
label: "Portfolio", href: "#"},
{
label: "FAQ", href: "#"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Termini", href: "#"},
],
},
{ title: "Servizi", items: [{ label: "Spot ADV", href: "#" }, { label: "UGC Creation", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
]}
logoText="PHOCAL"
logoText=""
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CyvZSJ3NIxg1teVTt49uEam1hG/uploaded-1777371002688-1ojagwbu.png"
logoImageClassName="scale-150"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-roboto), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-mulish), sans-serif;
font-family: var(--font-roboto), sans-serif;
}