Update src/app/styles/base.css

Merge version_2 into main

src/app/page.tsx

@@ -38,15 +38,15 @@ export default function WebAgencyThemePage() {
             <ReactLenis root>
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
-                    brandName="Studio"
+                    brandName="Onion Group"
                     button={{ text: "Get in Touch", href: "#contact" }}
                 />
                 <HeroSplitKpi
                     background={{ variant: "radial-gradient" }}
-                    tag="Award-Winning Agency"
+                    tag="Strategic Digital Agency"
                     tagIcon={Sparkles}
-                    title="We Build Digital Experiences"
+                    title="Digital Excellence Across Europe"
-                    description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
+                    description="Onion Group provides bespoke web solutions and digital strategy from our offices in Como, Lugano, and Milan."
                     enableKpiAnimation={true}
                     kpis={[
                         { value: "150+", label: "Projects Delivered" },
@@ -62,14 +62,14 @@ export default function WebAgencyThemePage() {
                         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp", alt: "Team member 2" },
                         { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp", alt: "Team member 3" }
                     ]}
-                    avatarText="Trusted by startups and Fortune 500 companies"
+                    avatarText="Trusted by leading brands across Italy and Switzerland"
                     imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero1.webp"
                     imageAlt="Web design showcase"
                     mediaAnimation="slide-up"
                     showMarqueeCard={false}
                 />
                 <TextAbout
-                    title="We craft digital experiences that captivate audiences and drive meaningful results for ambitious brands worldwide."
+                    title="We operate at the intersection of creativity and technology, bridging our expertise between Como, Lugano, and Milan to deliver international-standard results."
                     buttons={[
                         { text: "Our Process", href: "#process" },
                         { text: "Meet the Team", href: "#team" },
@@ -78,17 +78,17 @@ export default function WebAgencyThemePage() {
                 />
                 <div id="about" data-section="about">
                     <TeamCardTwo 
-                        title="Meet Our Experts"
+                        title="Our European Presence"
-                        description="The visionary team behind every digital success story."
+                        description="Strategically located to serve clients across the Italy-Switzerland axis."
                         textboxLayout="default"
                         gridVariant="four-items-2x2-equal-grid"
                         animationType="slide-up"
                         useInvertedBackground={true}
                         members={[
-                            { id: "1", name: "Claudio", role: "Creative Director", description: "Leading our visual strategy and creative direction with over a decade of experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp?_wi=1" },
+                            { id: "1", name: "Como Hub", role: "Design Studio", description: "Our creative heart, focusing on brand identity and immersive digital user experiences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp?_wi=1" },
-                            { id: "2", name: "Umberto", role: "Lead Developer", description: "Building robust, scalable digital architectures that power high-performance websites.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp?_wi=1" },
+                            { id: "2", name: "Lugano Office", role: "Tech Strategy", description: "Serving our Swiss clients with high-performance web development and scalable infrastructure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp?_wi=1" },
-                            { id: "3", name: "Davide", role: "UX Strategist", description: "Ensuring every user interaction is intuitive, meaningful, and results-oriented.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp" },
+                            { id: "3", name: "Milan Headquarters", role: "Growth Operations", description: "Focused on digital marketing, client relations, and large-scale enterprise integration.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp" },
-                            { id: "4", name: "Elisa", role: "Growth Specialist", description: "Crafting data-driven marketing strategies that amplify brand reach and conversion.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp" }
+                            { id: "4", name: "Onion Group", role: "Unified Team", description: "A cohesive cross-border team dedicated to quality, precision, and digital innovation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp" }
                         ]}
                     />
                 </div>
@@ -127,7 +127,7 @@ export default function WebAgencyThemePage() {
                     tag="Testimonials"
                     tagIcon={Star}
                     testimonials={[
-                        { id: "1", name: "Sarah Johnson", date: "CEO, TechStart", title: "Transformed Our Presence", tag: "Review", quote: "Working with Studio was a game-changer. They delivered a website that converts visitors at twice our previous rate.", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp?_wi=2" },
+                        { id: "1", name: "Sarah Johnson", date: "CEO, TechStart", title: "Transformed Our Presence", tag: "Review", quote: "Working with Onion Group was a game-changer. They delivered a website that converts visitors at twice our previous rate.", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp?_wi=2" },
                         { id: "2", name: "Michael Chen", date: "Founder, GrowthLab", title: "Exceeded Expectations", tag: "Review", quote: "The team's attention to detail and creative vision brought our brand to life in ways we never imagined.", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp?_wi=2" }
                     ]}
                     textboxLayout="default"
@@ -135,20 +135,20 @@ export default function WebAgencyThemePage() {
                 />
                 <div id="contact" data-section="contact">
                     <ContactSplitForm 
-                        title="Let's Collaborate"
+                        title="Contact Our Regional Hubs"
-                        description="Ready to transform your digital presence? Fill out the form below to start a conversation."
+                        description="Connect with us in Como, Lugano, or Milan. Let's discuss your upcoming project."
                         inputs={[
                             { name: "name", type: "text", placeholder: "Full Name", required: true },
                             { name: "email", type: "email", placeholder: "Work Email", required: true },
-                            { name: "company", type: "text", placeholder: "Company Name" },
+                            { name: "office", type: "select", placeholder: "Preferred Office (Como, Lugano, Milan)" },
-                            { name: "service", type: "text", placeholder: "Service Interested In" }
+                            { name: "company", type: "text", placeholder: "Company Name" }
                         ]}
-                        textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
+                        textarea={{ name: "message", placeholder: "Tell us about your project requirements...", rows: 4, required: true }}
                         useInvertedBackground={true}
                     />
                 </div>
                 <FooterLogoEmphasis
-                    logoText="Studio"
+                    logoText="Onion Group"
                     columns={[
                         { items: [{ label: "Home", href: "#home" }, { label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
                         { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy" }, { label: "Terms of Service" }] }

src/app/styles/base.css

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