Merge version_1 into main #2
@@ -26,31 +26,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "/#services",
|
||||
},
|
||||
name: "Services", id: "/#services"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "/work",
|
||||
},
|
||||
name: "Work", id: "/work"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "/#process",
|
||||
},
|
||||
name: "Process", id: "/#process"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="KLARVX"
|
||||
button={{
|
||||
text: "Start a Project",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Start a Project", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,9 +47,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Klarvx is a European creative agency built on one belief: clarity wins. We work with ambitious brands across Germany and Europe to create design and digital experiences that are honest, sharp, and effective.",
|
||||
},
|
||||
type: "text", content: "Klarvx is a European creative agency built on one belief: clarity wins. We work with ambitious brands across Germany and Europe to create design and digital experiences that are honest, sharp, and effective."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -76,28 +62,16 @@ export default function LandingPage() {
|
||||
showStepNumbers={true}
|
||||
features={[
|
||||
{
|
||||
title: "Discovery",
|
||||
description: "Understanding your unique vision and goals.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-phone-keyboard-mock-up_23-2148317124.jpg?_wi=2",
|
||||
},
|
||||
title: "Discovery", description: "Understanding your unique vision and goals.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-phone-keyboard-mock-up_23-2148317124.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/color-swatch-design-studio-creativity-ideas-concept_53876-14461.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-art-marbling-colorful_181624-58311.jpg?_wi=2",
|
||||
imageAlt: "minimalist geometric design concept",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/color-swatch-design-studio-creativity-ideas-concept_53876-14461.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Execution",
|
||||
description: "High-fidelity design and development.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-office-workspace_23-2148821931.jpg?_wi=2",
|
||||
},
|
||||
title: "Execution", description: "High-fidelity design and development.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-office-workspace_23-2148821931.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345397.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/work-space-with-laptop-coffee-stationery-white-table-top-view-flat-lay_501050-576.jpg?_wi=2",
|
||||
imageAlt: "Berlin creative studio office space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345397.jpg"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -108,37 +82,23 @@ export default function LandingPage() {
|
||||
logoText="KLARVX"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/#services",
|
||||
},
|
||||
label: "Services", href: "/#services"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "/work",
|
||||
},
|
||||
label: "Work", href: "/work"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "/impressum",
|
||||
},
|
||||
label: "Impressum", href: "/impressum"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "/datenschutz",
|
||||
},
|
||||
label: "Datenschutz", href: "/datenschutz"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
180
src/app/page.tsx
180
src/app/page.tsx
@@ -29,73 +29,41 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "/#services",
|
||||
},
|
||||
name: "Services", id: "/#services"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "/work",
|
||||
},
|
||||
name: "Work", id: "/work"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "/#process",
|
||||
},
|
||||
name: "Process", id: "/#process"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="KLARVX"
|
||||
button={{
|
||||
text: "Start a Project",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Start a Project", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Design that speaks. Work that converts."
|
||||
description="We help European businesses grow through sharp design, social media, and digital presence."
|
||||
tag="Creative Agency — Berlin / Europe"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "/work",
|
||||
},
|
||||
text: "See Our Work", href: "/work"},
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get in Touch", href: "/contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-art-marbling-colorful_181624-58311.jpg?_wi=1",
|
||||
imageAlt: "Minimalist geometric design concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/work-space-with-laptop-coffee-stationery-white-table-top-view-flat-lay_501050-576.jpg?_wi=1",
|
||||
imageAlt: "Berlin creative studio space",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7q4zc6",
|
||||
imageAlt: "Clean typography layout",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164871.jpg",
|
||||
imageAlt: "Modern agency workstation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/four-white-3d-glasses_23-2147775803.jpg",
|
||||
imageAlt: "Bauhaus design elements",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-art-marbling-colorful_181624-58311.jpg", imageAlt: "Minimalist geometric design concept" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/work-space-with-laptop-coffee-stationery-white-table-top-view-flat-lay_501050-576.jpg", imageAlt: "Berlin creative studio space" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7q4zc6", imageAlt: "Clean typography layout" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164871.jpg", imageAlt: "Modern agency workstation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/four-white-3d-glasses_23-2147775803.jpg", imageAlt: "Bauhaus design elements" },
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -109,40 +77,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Social Media",
|
||||
description: "Strategy, content, and growth management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-phone-keyboard-mock-up_23-2148317124.jpg?_wi=1",
|
||||
titleIconSrc: "Share2",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Social Media", description: "Strategy, content, and growth management.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-phone-keyboard-mock-up_23-2148317124.jpg", titleIconSrc: "Share2", buttonText: "View"},
|
||||
{
|
||||
title: "Graphic Design",
|
||||
description: "Branding, print, and visual identity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/color-swatch-design-studio-creativity-ideas-concept_53876-14461.jpg?_wi=1",
|
||||
titleIconSrc: "Palette",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Graphic Design", description: "Branding, print, and visual identity.", imageSrc: "http://img.b2bpic.net/free-photo/color-swatch-design-studio-creativity-ideas-concept_53876-14461.jpg", titleIconSrc: "Palette", buttonText: "View"},
|
||||
{
|
||||
title: "Menu Design",
|
||||
description: "Restaurant and café menus, print-ready.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-bakery-shop-invoice-template_23-2149394033.jpg",
|
||||
titleIconSrc: "Utensils",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Menu Design", description: "Restaurant and café menus, print-ready.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-bakery-shop-invoice-template_23-2149394033.jpg", titleIconSrc: "Utensils", buttonText: "View"},
|
||||
{
|
||||
title: "Video Editing",
|
||||
description: "Reels, ads, and brand video production.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-office-workspace_23-2148821931.jpg?_wi=1",
|
||||
titleIconSrc: "Video",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Video Editing", description: "Reels, ads, and brand video production.", imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-office-workspace_23-2148821931.jpg", titleIconSrc: "Video", buttonText: "View"},
|
||||
{
|
||||
title: "Web Design",
|
||||
description: "Fast, minimal, conversion-focused websites.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345397.jpg?_wi=1",
|
||||
titleIconSrc: "Globe",
|
||||
buttonText: "View",
|
||||
},
|
||||
title: "Web Design", description: "Fast, minimal, conversion-focused websites.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345397.jpg", titleIconSrc: "Globe", buttonText: "View"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium creative solutions for ambitious European brands."
|
||||
@@ -157,45 +100,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Klaus M.",
|
||||
role: "Owner",
|
||||
company: "Bergmann Bakery",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
|
||||
},
|
||||
id: "t1", name: "Klaus M.", role: "Owner", company: "Bergmann Bakery", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sophie R.",
|
||||
role: "CEO",
|
||||
company: "Flora Boutique",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
},
|
||||
id: "t2", name: "Sophie R.", role: "CEO", company: "Flora Boutique", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marco T.",
|
||||
role: "Manager",
|
||||
company: "Haus Restaurant",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg",
|
||||
},
|
||||
id: "t3", name: "Marco T.", role: "Manager", company: "Haus Restaurant", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena V.",
|
||||
role: "Founder",
|
||||
company: "Nord Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-businesswoman-with-copy-space_23-2148788835.jpg",
|
||||
},
|
||||
id: "t4", name: "Elena V.", role: "Founder", company: "Nord Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-businesswoman-with-copy-space_23-2148788835.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Heinz W.",
|
||||
role: "Director",
|
||||
company: "Heinz Consulting",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg",
|
||||
},
|
||||
id: "t5", name: "Heinz W.", role: "Director", company: "Heinz Consulting", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-attractive-woman-standing-gray-wall_231208-9828.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Trusted by businesses across Europe."
|
||||
@@ -209,12 +127,7 @@ export default function LandingPage() {
|
||||
title="Trusted by European Industry Leaders"
|
||||
description="Collaborating with visionaries from Berlin, Vienna, and beyond."
|
||||
names={[
|
||||
"Bergmann Bakery",
|
||||
"Heinz Consulting",
|
||||
"Flora Boutique",
|
||||
"Haus Restaurant",
|
||||
"Nord Studio",
|
||||
]}
|
||||
"Bergmann Bakery", "Heinz Consulting", "Flora Boutique", "Haus Restaurant", "Nord Studio"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -223,6 +136,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Insights"
|
||||
description="Stay updated with our latest design musings and agency news."
|
||||
blogs={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -231,37 +147,23 @@ export default function LandingPage() {
|
||||
logoText="KLARVX"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/#services",
|
||||
},
|
||||
label: "Services", href: "/#services"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "/work",
|
||||
},
|
||||
label: "Work", href: "/work"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "/impressum",
|
||||
},
|
||||
label: "Impressum", href: "/impressum"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "/datenschutz",
|
||||
},
|
||||
label: "Datenschutz", href: "/datenschutz"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user