Merge version_3 into main #4
@@ -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"
|
||||
description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
|
||||
title="Digital Excellence Across Europe"
|
||||
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"
|
||||
description="The visionary team behind every digital success story."
|
||||
title="Our European Presence"
|
||||
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: "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: "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: "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: "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: "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: "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: "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"
|
||||
description="Ready to transform your digital presence? Fill out the form below to start a conversation."
|
||||
title="Contact Our Regional Hubs"
|
||||
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: "service", type: "text", placeholder: "Service Interested In" }
|
||||
{ name: "office", type: "select", placeholder: "Preferred Office (Como, Lugano, Milan)" },
|
||||
{ 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" }] }
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user