bender/fbd63c46-3727-4a85-a85e-6cb8426d7725
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 19:10:11 +00:00
parent 18fc28c675
commit 2595b9e3ee
1 changed files with 68 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

336
src/app/page.tsx
View File

@@ -32,38 +32,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ydqyre"
brandName="Webild Agency"
/>
@@ -72,45 +56,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
title="Build Your Vision with Webild Agency"
description="Transforming ideas into stunning digital experiences. We craft bespoke websites that captivate audiences and drive results."
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
{
text: "See Our Work",
href: "#portfolio",
},
text: "See Our Work", href: "#portfolio"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-desktop-workspace_53876-30381.jpg",
imageAlt: "Modern digital workspace with web development screens",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-desktop-workspace_53876-30381.jpg", imageAlt: "Modern digital workspace with web development screens"},
{
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252530.jpg",
imageAlt: "Hand interacting with holographic web application architecture",
},
imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252530.jpg", imageAlt: "Hand interacting with holographic web application architecture"},
{
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1697.jpg",
imageAlt: "Team of web developers collaborating on responsive design",
},
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1697.jpg", imageAlt: "Team of web developers collaborating on responsive design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-business-people-standing-server-room-with-laptop-discussing_662251-1526.jpg",
imageAlt: "Abstract cloud computing and web hosting infrastructure",
},
imageSrc: "http://img.b2bpic.net/free-photo/two-business-people-standing-server-room-with-laptop-discussing_662251-1526.jpg", imageAlt: "Abstract cloud computing and web hosting infrastructure"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749912.jpg",
imageAlt: "Mobile application interface design on a tablet",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749912.jpg", imageAlt: "Mobile application interface design on a tablet"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-male-figure-coding-design_1048-13266.jpg",
imageAlt: "Glowing lines of code forming intricate patterns",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-techno-background-with-male-figure-coding-design_1048-13266.jpg", imageAlt: "Glowing lines of code forming intricate patterns"},
]}
mediaAnimation="slide-up"
/>
@@ -124,17 +91,11 @@ export default function LandingPage() {
description="Webild Agency is a collective of passionate web developers, designers, and strategists dedicated to creating impactful online presences. We blend cutting-edge technology with creative design to build websites that not only look great but also perform exceptionally."
bulletPoints={[
{
title: "Expert Team",
description: "Our professionals bring diverse expertise in front-end, back-end, and UI/UX design.",
},
title: "Expert Team", description: "Our professionals bring diverse expertise in front-end, back-end, and UI/UX design."},
{
title: "Tailored Solutions",
description: "We craft unique web experiences precisely aligned with your business goals.",
},
title: "Tailored Solutions", description: "We craft unique web experiences precisely aligned with your business goals."},
{
title: "Client-Centric Approach",
description: "Your vision is our priority; we ensure transparent communication and collaboration.",
},
title: "Client-Centric Approach", description: "Your vision is our priority; we ensure transparent communication and collaboration."},
]}
imageSrc="http://img.b2bpic.net/free-photo/neat-tidy-workspace-with-laptop_23-2148592305.jpg"
imageAlt="Modern office space with web development code on a monitor"
@@ -148,38 +109,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Web Development",
title: "Custom Web Solutions",
items: [
"Responsive Website Design",
"Front-end & Back-end Development",
"E-commerce Platforms",
],
id: "f1", label: "Web Development", title: "Custom Web Solutions", items: [
"Responsive Website Design", "Front-end & Back-end Development", "E-commerce Platforms"],
},
{
id: "f2",
label: "UI/UX Design",
title: "Intuitive User Experiences",
items: [
"User Research & Analysis",
"Wireframing & Prototyping",
"Visual Design & Branding",
],
id: "f2", label: "UI/UX Design", title: "Intuitive User Experiences", items: [
"User Research & Analysis", "Wireframing & Prototyping", "Visual Design & Branding"],
},
{
id: "f3",
label: "Digital Strategy",
title: "Growth & Optimization",
items: [
"SEO & Content Strategy",
"Performance Optimization",
"Analytics & Reporting",
],
id: "f3", label: "Digital Strategy", title: "Growth & Optimization", items: [
"SEO & Content Strategy", "Performance Optimization", "Analytics & Reporting"],
},
]}
title="Our Core Services"
description="We offer a comprehensive suite of web development services to meet your every need, from initial concept to launch and ongoing support."
animationType="slide-up"
/>
</div>
@@ -191,68 +135,27 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "p1",
brand: "ClientCo",
name: "E-commerce Redesign",
price: "View Case Study",
rating: 5,
reviewCount: "250+",
imageSrc: "http://img.b2bpic.net/free-photo/hexagon-wooden-podium_23-2151934605.jpg",
imageAlt: "E-commerce platform homepage screenshot",
},
id: "p1", brand: "ClientCo", name: "E-commerce Redesign", price: "View Case Study", rating: 5,
reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/hexagon-wooden-podium_23-2151934605.jpg", imageAlt: "E-commerce platform homepage screenshot"},
{
id: "p2",
brand: "InnovateFlow",
name: "SaaS Dashboard App",
price: "View Case Study",
rating: 5,
reviewCount: "180+",
imageSrc: "http://img.b2bpic.net/free-photo/download-cloud-storage-back-up_53876-120159.jpg",
imageAlt: "SaaS application dashboard mock-up",
},
id: "p2", brand: "InnovateFlow", name: "SaaS Dashboard App", price: "View Case Study", rating: 5,
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/download-cloud-storage-back-up_53876-120159.jpg", imageAlt: "SaaS application dashboard mock-up"},
{
id: "p3",
brand: "Global Ventures",
name: "Corporate Website",
price: "View Case Study",
rating: 5,
reviewCount: "300+",
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-25070.jpg",
imageAlt: "Corporate website homepage",
},
id: "p3", brand: "Global Ventures", name: "Corporate Website", price: "View Case Study", rating: 5,
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-25070.jpg", imageAlt: "Corporate website homepage"},
{
id: "p4",
brand: "Creative Canvas",
name: "Artist Portfolio Site",
price: "View Case Study",
rating: 5,
reviewCount: "120+",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272917.jpg",
imageAlt: "Minimalist artist portfolio website",
},
id: "p4", brand: "Creative Canvas", name: "Artist Portfolio Site", price: "View Case Study", rating: 5,
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272917.jpg", imageAlt: "Minimalist artist portfolio website"},
{
id: "p5",
brand: "Insight Blog",
name: "Interactive Blog Platform",
price: "View Case Study",
rating: 5,
reviewCount: "200+",
imageSrc: "http://img.b2bpic.net/free-photo/performance-experience-development-knowledge-learning_53876-124452.jpg",
imageAlt: "Vibrant blog platform interface",
},
id: "p5", brand: "Insight Blog", name: "Interactive Blog Platform", price: "View Case Study", rating: 5,
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/performance-experience-development-knowledge-learning_53876-124452.jpg", imageAlt: "Vibrant blog platform interface"},
{
id: "p6",
brand: "HealthTech Solutions",
name: "Custom Healthcare App",
price: "View Case Study",
rating: 5,
reviewCount: "150+",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104489.jpg",
imageAlt: "Custom web application interface for healthcare",
},
id: "p6", brand: "HealthTech Solutions", name: "Custom Healthcare App", price: "View Case Study", rating: 5,
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104489.jpg", imageAlt: "Custom web application interface for healthcare"},
]}
title="Our Recent Projects"
description="Explore a selection of our award-winning web development projects that showcase our diverse capabilities and commitment to excellence."
animationType="slide-up"
/>
</div>
@@ -262,65 +165,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
date: "October 2023",
title: "Outstanding E-commerce Platform!",
quote: "Webild Agency delivered an e-commerce site that exceeded all our expectations. The design is beautiful, and the functionality is flawless. Our sales have seen a significant boost!",
tag: "E-commerce",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
avatarAlt: "Sarah Johnson's avatar",
imageSrc: "http://img.b2bpic.net/free-vector/quantum-computing-background-technology-big-data-visualiza_598544-287.jpg",
imageAlt: "E-commerce dashboard screenshot",
},
id: "t1", name: "Sarah Johnson", date: "October 2023", title: "Outstanding E-commerce Platform!", quote: "Webild Agency delivered an e-commerce site that exceeded all our expectations. The design is beautiful, and the functionality is flawless. Our sales have seen a significant boost!", tag: "E-commerce", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", avatarAlt: "Sarah Johnson's avatar", imageSrc: "http://img.b2bpic.net/free-vector/quantum-computing-background-technology-big-data-visualiza_598544-287.jpg", imageAlt: "E-commerce dashboard screenshot"},
{
id: "t2",
name: "Michael Chen",
date: "September 2023",
title: "Exceptional SaaS Development",
quote: "The team at Webild Agency transformed our complex ideas into an intuitive and powerful SaaS application. Their technical expertise and communication were superb throughout the project.",
tag: "SaaS",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-office_1098-22034.jpg",
avatarAlt: "Michael Chen's avatar",
imageSrc: "http://img.b2bpic.net/free-photo/sound-button-closeup-laptop-keyboard_169016-62909.jpg",
imageAlt: "Code editor interface",
},
id: "t2", name: "Michael Chen", date: "September 2023", title: "Exceptional SaaS Development", quote: "The team at Webild Agency transformed our complex ideas into an intuitive and powerful SaaS application. Their technical expertise and communication were superb throughout the project.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-office_1098-22034.jpg", avatarAlt: "Michael Chen's avatar", imageSrc: "http://img.b2bpic.net/free-photo/sound-button-closeup-laptop-keyboard_169016-62909.jpg", imageAlt: "Code editor interface"},
{
id: "t3",
name: "Emily Rodriguez",
date: "August 2023",
title: "Strategic Digital Partner",
quote: "From initial strategy to final launch, Webild Agency proved to be an invaluable partner. Our new corporate website truly reflects our brand's vision and has improved our online presence dramatically.",
tag: "Corporate Site",
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
avatarAlt: "Emily Rodriguez's avatar",
imageSrc: "http://img.b2bpic.net/free-photo/expertise-insight-intelligence-knowledge-professional-concept_53876-125589.jpg",
imageAlt: "Digital marketing landing page",
},
id: "t3", name: "Emily Rodriguez", date: "August 2023", title: "Strategic Digital Partner", quote: "From initial strategy to final launch, Webild Agency proved to be an invaluable partner. Our new corporate website truly reflects our brand's vision and has improved our online presence dramatically.", tag: "Corporate Site", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", avatarAlt: "Emily Rodriguez's avatar", imageSrc: "http://img.b2bpic.net/free-photo/expertise-insight-intelligence-knowledge-professional-concept_53876-125589.jpg", imageAlt: "Digital marketing landing page"},
{
id: "t4",
name: "David Kim",
date: "July 2023",
title: "Innovative & Reliable",
quote: "Webild Agency built us a custom web solution that perfectly fits our unique business model. Their innovative approach and commitment to deadlines made them a pleasure to work with.",
tag: "Custom Web App",
avatarSrc: "http://img.b2bpic.net/free-photo/influencer-studio-films-wireless-speaker-video-review-tech-enthusiasts_482257-123068.jpg",
avatarAlt: "David Kim's avatar",
imageSrc: "http://img.b2bpic.net/free-photo/women-friendship-digital-tablet-news-networking-concept_53876-30109.jpg",
imageAlt: "E-learning platform interface",
},
id: "t4", name: "David Kim", date: "July 2023", title: "Innovative & Reliable", quote: "Webild Agency built us a custom web solution that perfectly fits our unique business model. Their innovative approach and commitment to deadlines made them a pleasure to work with.", tag: "Custom Web App", avatarSrc: "http://img.b2bpic.net/free-photo/influencer-studio-films-wireless-speaker-video-review-tech-enthusiasts_482257-123068.jpg", avatarAlt: "David Kim's avatar", imageSrc: "http://img.b2bpic.net/free-photo/women-friendship-digital-tablet-news-networking-concept_53876-30109.jpg", imageAlt: "E-learning platform interface"},
{
id: "t5",
name: "Jessica Lee",
date: "June 2023",
title: "Flawless Execution",
quote: "The new marketing website designed by Webild Agency is visually stunning and incredibly functional. They handled every detail with professionalism and delivered a product far beyond our expectations.",
tag: "Marketing Site",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-american-businesswoman-talking-female-colleagues-office_637285-9845.jpg",
avatarAlt: "Jessica Lee's avatar",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-discussing-with-post-its_23-2149362888.jpg",
imageAlt: "Agile development process visualization",
},
id: "t5", name: "Jessica Lee", date: "June 2023", title: "Flawless Execution", quote: "The new marketing website designed by Webild Agency is visually stunning and incredibly functional. They handled every detail with professionalism and delivered a product far beyond our expectations.", tag: "Marketing Site", avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-american-businesswoman-talking-female-colleagues-office_637285-9845.jpg", avatarAlt: "Jessica Lee's avatar", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-discussing-with-post-its_23-2149362888.jpg", imageAlt: "Agile development process visualization"},
]}
title="What Our Clients Say"
description="Our success is built on the satisfaction of our clients. Hear directly from those who have partnered with Webild Agency."
@@ -332,14 +185,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Quantum Innovations",
"Synergy Solutions",
"Apex Digital",
"Visionary Labs",
"Global Connect Corp",
"Future Byte Innovations",
"Catalyst Creations",
]}
"Quantum Innovations", "Synergy Solutions", "Apex Digital", "Visionary Labs", "Global Connect Corp", "Future Byte Innovations", "Catalyst Creations"]}
title="Trusted by Industry Leaders"
description="We've had the privilege of collaborating with a diverse range of clients, from startups to established enterprises."
/>
@@ -351,35 +197,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What kind of websites do you build?",
content: "We specialize in building custom websites for various needs, including e-commerce platforms, SaaS applications, corporate sites, portfolios, and interactive web tools. Our focus is on bespoke solutions tailored to your unique requirements.",
},
id: "faq1", title: "What kind of websites do you build?", content: "We specialize in building custom websites for various needs, including e-commerce platforms, SaaS applications, corporate sites, portfolios, and interactive web tools. Our focus is on bespoke solutions tailored to your unique requirements."},
{
id: "faq2",
title: "What is your typical web development process?",
content: "Our process typically involves discovery and strategy, UI/UX design, front-end and back-end development, quality assurance, launch, and ongoing support. We work closely with you through every stage to ensure your vision comes to life.",
},
id: "faq2", title: "What is your typical web development process?", content: "Our process typically involves discovery and strategy, UI/UX design, front-end and back-end development, quality assurance, launch, and ongoing support. We work closely with you through every stage to ensure your vision comes to life."},
{
id: "faq3",
title: "How long does it take to build a website?",
content: "The timeline varies depending on the complexity and scope of the project. A basic website might take 4-6 weeks, while a more complex e-commerce or custom application could take 3-6 months. We provide a detailed timeline after the discovery phase.",
},
id: "faq3", title: "How long does it take to build a website?", content: "The timeline varies depending on the complexity and scope of the project. A basic website might take 4-6 weeks, while a more complex e-commerce or custom application could take 3-6 months. We provide a detailed timeline after the discovery phase."},
{
id: "faq4",
title: "Do you offer post-launch support and maintenance?",
content: "Yes, we offer comprehensive post-launch support and maintenance packages. These include regular updates, security monitoring, performance optimization, and bug fixes to ensure your website runs smoothly and securely.",
},
id: "faq4", title: "Do you offer post-launch support and maintenance?", content: "Yes, we offer comprehensive post-launch support and maintenance packages. These include regular updates, security monitoring, performance optimization, and bug fixes to ensure your website runs smoothly and securely."},
{
id: "faq5",
title: "What technologies do you use?",
content: "We primarily work with modern web technologies such as React, Next.js, Node.js, various cloud platforms (AWS, Vercel), and robust database solutions. We select the best technology stack suited for your project's specific needs.",
},
id: "faq5", title: "What technologies do you use?", content: "We primarily work with modern web technologies such as React, Next.js, Node.js, various cloud platforms (AWS, Vercel), and robust database solutions. We select the best technology stack suited for your project's specific needs."},
{
id: "faq6",
title: "How much does a website cost?",
content: "Website costs vary widely based on features, design complexity, and functionality. We provide custom quotes after a thorough consultation to understand your project requirements and budget.",
},
id: "faq6", title: "How much does a website cost?", content: "Website costs vary widely based on features, design complexity, and functionality. We provide custom quotes after a thorough consultation to understand your project requirements and budget."},
]}
title="Frequently Asked Questions"
description="Got questions? We've got answers. Find common inquiries about our services, process, and pricing here."
@@ -391,14 +219,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
text="Let's discuss how Webild Agency can bring your digital vision to life. Contact us today for a free consultation and a personalized quote."
buttons={[
{
text: "Get in Touch",
href: "mailto:info@webild.agency",
},
text: "Get in Touch", href: "mailto:info@webild.agency"},
]}
/>
</div>
@@ -410,62 +235,37 @@ export default function LandingPage() {
logoText="Webild Agency"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Web Development",
href: "#services",
},
label: "Web Development", href: "#services"},
{
label: "UI/UX Design",
href: "#services",
},
label: "UI/UX Design", href: "#services"},
{
label: "Digital Strategy",
href: "#services",
},
label: "Digital Strategy", href: "#services"},
{
label: "E-commerce",
href: "#portfolio",
},
label: "E-commerce", href: "#portfolio"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Work",
href: "#portfolio",
},
label: "Our Work", href: "#portfolio"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}