Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
236
src/app/page.tsx
236
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="WebAgency"
|
||||
/>
|
||||
@@ -51,109 +45,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="We Build World-Class Websites"
|
||||
variant: "radial-gradient"}}
|
||||
title="High-Performance Websites That Drive Growth"
|
||||
description="Transform your digital presence with our high-performance, user-centric web solutions. From startups to enterprises, we build the future."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-low-poly-background-network-communications_1048-15475.jpg",
|
||||
imageAlt: "digital dashboard interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-low-poly-background-network-communications_1048-15475.jpg", imageAlt: "digital dashboard interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg",
|
||||
imageAlt: "laptop showing clean code",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg", imageAlt: "laptop showing clean code"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
|
||||
imageAlt: "digital dashboard interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg", imageAlt: "digital dashboard interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-low-poly-background-network-communications_1048-15417.jpg",
|
||||
imageAlt: "3D render of an abstract low poly background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-low-poly-background-network-communications_1048-15417.jpg", imageAlt: "3D render of an abstract low poly background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg",
|
||||
imageAlt: "3D render of an abstract with connecting lines",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg", imageAlt: "3D render of an abstract with connecting lines"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keyboard-button-closeup-laptop-keyboard_169016-61880.jpg",
|
||||
imageAlt: "laptop showing clean code",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keyboard-button-closeup-laptop-keyboard_169016-61880.jpg", imageAlt: "laptop showing clean code"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-plexus-design_1048-17880.jpg",
|
||||
imageAlt: "digital dashboard interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-plexus-design_1048-17880.jpg", imageAlt: "digital dashboard interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-programming-code-language_53876-15056.jpg",
|
||||
imageAlt: "laptop showing clean code",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-programming-code-language_53876-15056.jpg", imageAlt: "laptop showing clean code"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-background_53876-160646.jpg",
|
||||
imageAlt: "Gradient dark blue futuristic digital background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-dark-blue-futuristic-digital-background_53876-160646.jpg", imageAlt: "Gradient dark blue futuristic digital background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-design-network-communications-modern-techno_1048-11964.jpg",
|
||||
imageAlt: "3D modern plexus design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-design-network-communications-modern-techno_1048-11964.jpg", imageAlt: "3D modern plexus design"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
alt: "Attractive businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "Attractive businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg",
|
||||
alt: "Business woman at office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg", alt: "Business woman at office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-indian-business-man-sitting-armchair_1262-3183.jpg",
|
||||
alt: "Business Man Sitting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-indian-business-man-sitting-armchair_1262-3183.jpg", alt: "Business Man Sitting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",
|
||||
alt: "Business Leader Sitting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg", alt: "Business Leader Sitting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg",
|
||||
alt: "Interested man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/interested-black-man-woolen-elegant-jacket-close-up-portrait-handsome-guy-with-dark-skin-wears-headphones_197531-21842.jpg", alt: "Interested man"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg",
|
||||
alt: "Tech company logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/flat-design-programming-company-logo-templates-set_23-2148807540.jpg", alt: "Tech company logo"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iucyhq",
|
||||
alt: "Tech company logo",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iucyhq", alt: "Tech company logo"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/minimal-logos-marble-background_23-2148368363.jpg",
|
||||
alt: "Tech company logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/minimal-logos-marble-background_23-2148368363.jpg", alt: "Tech company logo"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg",
|
||||
alt: "Tech company logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg", alt: "Tech company logo"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-illustration-woman-singer-with-guitar-microphone-cartoon-3d-render-design_460848-10718.jpg",
|
||||
alt: "Tech company logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-illustration-woman-singer-with-guitar-microphone-cartoon-3d-render-design_460848-10718.jpg", alt: "Tech company logo"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,18 +109,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting digital experiences that ",
|
||||
},
|
||||
type: "text", content: "Crafting digital experiences that "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg",
|
||||
alt: "Crafting excellence",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg", alt: "Crafting excellence"},
|
||||
{
|
||||
type: "text",
|
||||
content: " leave a lasting impression.",
|
||||
},
|
||||
type: "text", content: " leave a lasting impression."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -187,26 +126,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Lightning Speed",
|
||||
description: "Optimized performance to keep users happy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/laptop-with-rocket-illustration_1107-8.jpg",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wug0z1",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Lightning Speed", description: "Optimized performance to keep users happy.", imageSrc: "http://img.b2bpic.net/free-vector/laptop-with-rocket-illustration_1107-8.jpg", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wug0z1", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Secure Architecture",
|
||||
description: "Enterprise-grade security standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-background-business-network-design_53876-160252.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept-with-neon-icons_23-2151998480.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Secure Architecture", description: "Enterprise-grade security standards.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-background-business-network-design_53876-160252.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept-with-neon-icons_23-2151998480.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Mobile First",
|
||||
description: "Perfect across every screen size.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-tablet-smartphone_1232-472.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/html-http-web-design-hompage-icon_53876-120700.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Mobile First", description: "Perfect across every screen size.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-tablet-smartphone_1232-472.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/html-http-web-design-hompage-icon_53876-120700.jpg", buttonText: "Learn More"},
|
||||
]}
|
||||
title="Built for Results"
|
||||
description="Our websites don't just look good—they drive conversions."
|
||||
@@ -220,26 +144,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
description: "Successfully launched websites.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/seo-concept-illustration_24908-61500.jpg",
|
||||
},
|
||||
id: "m1", value: "150+", title: "Projects Completed", description: "Successfully launched websites.", imageSrc: "http://img.b2bpic.net/free-vector/seo-concept-illustration_24908-61500.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20%",
|
||||
title: "Conversion Lift",
|
||||
description: "On average across our clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841665.jpg",
|
||||
},
|
||||
id: "m2", value: "20%", title: "Conversion Lift", description: "On average across our clients.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841665.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable hosting services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/web-app-development-designs_1209-69.jpg",
|
||||
},
|
||||
id: "m3", value: "99.9%", title: "Uptime", description: "Reliable hosting services.", imageSrc: "http://img.b2bpic.net/free-vector/web-app-development-designs_1209-69.jpg"},
|
||||
]}
|
||||
title="Data-Driven Success"
|
||||
description="Real results for our partners."
|
||||
@@ -254,25 +163,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg", alt: "Michael"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg", alt: "David"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
|
||||
alt: "Jane",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", alt: "Jane"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -284,14 +183,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"Innovate",
|
||||
"GlobalSoft",
|
||||
"FutureReady",
|
||||
"CloudScale",
|
||||
"PrimeDesign",
|
||||
"LogicBox",
|
||||
]}
|
||||
"TechCorp", "Innovate", "GlobalSoft", "FutureReady", "CloudScale", "PrimeDesign", "LogicBox"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Partnering with industry pioneers to deliver excellence."
|
||||
/>
|
||||
@@ -303,20 +195,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a build take?",
|
||||
content: "Typically 4-8 weeks depending on scope.",
|
||||
},
|
||||
id: "f1", title: "How long does a build take?", content: "Typically 4-8 weeks depending on scope."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What platforms do you use?",
|
||||
content: "We specialize in modern, high-performance tech stacks.",
|
||||
},
|
||||
id: "f2", title: "What platforms do you use?", content: "We specialize in modern, high-performance tech stacks."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer support?",
|
||||
content: "Yes, we provide ongoing maintenance packages.",
|
||||
},
|
||||
id: "f3", title: "Do you offer support?", content: "Yes, we provide ongoing maintenance packages."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tablet-near-laptop-mock-up_23-2148291134.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -330,16 +213,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to get started?"
|
||||
description="Send us a message and let's build something great together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -348,29 +228,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -381,4 +251,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user