Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3196ebf3f8 | |||
| 427737632a |
193
src/app/page.tsx
193
src/app/page.tsx
@@ -33,42 +33,29 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Tjenester", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Portfolio",
|
name: "Portfolio", id: "portfolio"},
|
||||||
id: "portfolio",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Udtalelser", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Kontakt", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Agency X"
|
brandName="Agency X"
|
||||||
button={{
|
button={{
|
||||||
text: "Get a Quote",
|
text: "Få et tilbud", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Websites That Actually Drive Business Growth"
|
title="Websites That Actually Drive Business Growth"
|
||||||
description="We design and build custom websites that convert visitors into customers. See how we've helped 200+ companies succeed online."
|
description="We design and build custom websites that convert visitors into customers. See how we've helped 200+ companies succeed online."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "View Our Work",
|
text: "View Our Work", href: "#portfolio"},
|
||||||
href: "#portfolio",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/working-table-with-computer_93675-133091.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/working-table-with-computer_93675-133091.jpg"
|
||||||
imageAlt="Agency Hero Dashboard"
|
imageAlt="Agency Hero Dashboard"
|
||||||
@@ -82,20 +69,11 @@ export default function LandingPage() {
|
|||||||
tag="Results Driven"
|
tag="Results Driven"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "200+", description: "Projects Delivered"},
|
||||||
value: "200+",
|
|
||||||
description: "Projects Delivered",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "150%", description: "Avg Revenue Growth"},
|
||||||
value: "150%",
|
|
||||||
description: "Avg Revenue Growth",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "48hrs", description: "Support Response Time"},
|
||||||
value: "48hrs",
|
|
||||||
description: "Support Response Time",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -108,35 +86,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Web Development", descriptions: [
|
||||||
title: "Web Development",
|
"High performance custom builds.", "Scalable architecture.", "Secure codebases."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/female-photographer-edits-photos-creative-media-agency_482257-4211.jpg"},
|
||||||
"High performance custom builds.",
|
|
||||||
"Scalable architecture.",
|
|
||||||
"Secure codebases.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-photographer-edits-photos-creative-media-agency_482257-4211.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "UX/UI Design", descriptions: [
|
||||||
title: "UX/UI Design",
|
"User-centered interfaces.", "Brand-aligned design systems.", "Conversion-focused layouts."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749906.jpg"},
|
||||||
"User-centered interfaces.",
|
|
||||||
"Brand-aligned design systems.",
|
|
||||||
"Conversion-focused layouts.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749906.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Backend Engineering", descriptions: [
|
||||||
title: "Backend Engineering",
|
"Complex integrations.", "API developments.", "Database optimization."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/download-cloud-storage-back-up_53876-120159.jpg"},
|
||||||
"Complex integrations.",
|
|
||||||
"API developments.",
|
|
||||||
"Database optimization.",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/download-cloud-storage-back-up_53876-120159.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Expertise"
|
title="Our Expertise"
|
||||||
description="Comprehensive web solutions tailored to meet your business goals."
|
description="Comprehensive web solutions tailored to meet your business goals."
|
||||||
@@ -151,41 +111,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Retail Growth Engine", price: "E-commerce", imageSrc: "http://img.b2bpic.net/free-photo/neon-shopping-carts-sales-tags-illustration_23-2152026891.jpg"},
|
||||||
name: "Retail Growth Engine",
|
|
||||||
price: "E-commerce",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-shopping-carts-sales-tags-illustration_23-2152026891.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "SaaS Platform UI", price: "B2B Software", imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg"},
|
||||||
name: "SaaS Platform UI",
|
|
||||||
price: "B2B Software",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-woman-working-with-ai-chatbot-her-desktop-computer_482257-120813.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Legal Agency Site", price: "Professional Services", imageSrc: "http://img.b2bpic.net/free-photo/corporate-data-management_53876-89018.jpg"},
|
||||||
name: "Legal Agency Site",
|
|
||||||
price: "Professional Services",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-data-management_53876-89018.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Travel Booking Portal", price: "Travel/Retail", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-travel-agency_52683-136452.jpg"},
|
||||||
name: "Travel Booking Portal",
|
|
||||||
price: "Travel/Retail",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-travel-agency_52683-136452.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "Learning Platform", price: "Education", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345417.jpg"},
|
||||||
name: "Learning Platform",
|
|
||||||
price: "Education",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345417.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Financial Dashboard", price: "Fintech", imageSrc: "http://img.b2bpic.net/free-vector/pink-user-dashboard-interface_53876-120294.jpg"},
|
||||||
name: "Financial Dashboard",
|
|
||||||
price: "Fintech",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/pink-user-dashboard-interface_53876-120294.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Featured Projects"
|
title="Featured Projects"
|
||||||
description="See how we help diverse industries reach their digital potential."
|
description="See how we help diverse industries reach their digital potential."
|
||||||
@@ -197,14 +133,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"Microsoft",
|
"Microsoft", "Google", "Shopify", "Stripe", "Airbnb", "HubSpot", "Slack"]}
|
||||||
"Google",
|
|
||||||
"Shopify",
|
|
||||||
"Stripe",
|
|
||||||
"Airbnb",
|
|
||||||
"HubSpot",
|
|
||||||
"Slack",
|
|
||||||
]}
|
|
||||||
title="Trusted By Industry Leaders"
|
title="Trusted By Industry Leaders"
|
||||||
description="We work with forward-thinking companies that value innovation and results."
|
description="We work with forward-thinking companies that value innovation and results."
|
||||||
/>
|
/>
|
||||||
@@ -215,30 +144,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg"},
|
||||||
name: "Sarah J.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg"},
|
||||||
name: "Michael C.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-cafe-looking-confused-camera-sitting-with-laptop-glass-coffee_1258-245350.jpg"},
|
||||||
name: "Emily R.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-cafe-looking-confused-camera-sitting-with-laptop-glass-coffee_1258-245350.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"},
|
||||||
name: "David K.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Lisa M.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg"},
|
||||||
name: "Lisa M.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="Client Success"
|
cardTitle="Client Success"
|
||||||
cardTag="What they say"
|
cardTag="What they say"
|
||||||
@@ -252,23 +166,14 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Hvor lang tid tager en hjemmeside?", content: "De fleste projekter gennemføres inden for 4-8 uger afhængigt af kravenes kompleksitet."},
|
||||||
title: "How long does a website take?",
|
|
||||||
content: "Most projects are completed within 4-8 weeks depending on the complexity of requirements.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Tilbyder I support?", content: "Ja, vi tilbyder løbende vedligeholdelse og supportpakker for at sikre, at din hjemmeside forbliver sikker og opdateret."},
|
||||||
title: "Do you provide support?",
|
|
||||||
content: "Yes, we offer ongoing maintenance and support packages to ensure your site remains secure and current.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Kan I integrere med eksisterende værktøjer?", content: "Absolut. Vi har specialiseret os i tilpassede integrationer med CRM-systemer, betalingsgateways og markedsføringsautomatiseringsværktøjer."},
|
||||||
title: "Can you integrate with existing tools?",
|
|
||||||
content: "Absolutely. We specialize in custom integrations with CRMs, payment gateways, and marketing automation tools.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
title="Almindelige Spørgsmål"
|
||||||
description="Everything you need to know about working with us."
|
description="Alt hvad du behøver at vide om at arbejde med os."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -276,24 +181,16 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Start Your Growth Journey"
|
title="Start din vækstrejse"
|
||||||
description="Get in touch for a custom project quote."
|
description="Kontakt os for et uforpligtende tilbud på dit projekt."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Dit Navn"},
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Din E-mail"},
|
||||||
type: "email",
|
|
||||||
placeholder: "Your Email",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "Hvordan kan vi hjælpe?"}}
|
||||||
placeholder: "How can we help?",
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -305,14 +202,10 @@ export default function LandingPage() {
|
|||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Twitter,
|
icon: Twitter,
|
||||||
href: "https://twitter.com",
|
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||||
ariaLabel: "Twitter",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Linkedin,
|
icon: Linkedin,
|
||||||
href: "https://linkedin.com",
|
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
|
||||||
ariaLabel: "LinkedIn",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user