bender/6cfc1091-7211-495f-b7e3-e81d11bd954f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 16:57:22 +00:00
parent 985abf8640
commit 3e38f2a107
1 changed files with 48 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

229
src/app/page.tsx
View File

@@ -34,29 +34,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
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: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/abstract-logo-template-gradient-style_52683-13887.jpg"
logoAlt="Design Forge Logo"
@@ -64,79 +52,49 @@ export default function LandingPage() {
bottomLeftText="Global Digital Studio"
bottomRightText="info@designforge.com"
button={{
text: "Start a Project",
href: "#contact",
}}
text: "Start a Project", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Crafting Digital Experiences That Captivate"
description="We are a premier web design agency dedicated to building stunning, high-performing websites that drive results and elevate your brand."
buttons={[
{
text: "Our Services",
href: "#services",
},
text: "Our Services", href: "#services"},
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-controlling-smart-lamp-with-his-phone_23-2149036889.jpg"
imageAlt="Modern web design dashboard showing a premium website concept"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/mature-man-working-indoors_23-2148465236.jpg",
alt: "Mature man working indoors",
},
src: "http://img.b2bpic.net/free-photo/mature-man-working-indoors_23-2148465236.jpg", alt: "Mature man working indoors"},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-desk-front-view_23-2149741202.jpg",
alt: "Smiley woman at desk front view",
},
src: "http://img.b2bpic.net/free-photo/smiley-woman-desk-front-view_23-2149741202.jpg", alt: "Smiley woman at desk front view"},
{
src: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
alt: "Confident Handsome Middle-aged Entrepreneur",
},
src: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg", alt: "Confident Handsome Middle-aged Entrepreneur"},
{
src: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
alt: "Elderly businessman entrepreneur sitting in workspace looking at camera",
},
src: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg", alt: "Elderly businessman entrepreneur sitting in workspace looking at camera"},
{
src: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749865.jpg",
alt: "Female web designer in the office with notebook",
},
src: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749865.jpg", alt: "Female web designer in the office with notebook"},
]}
avatarText="Join our growing community"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148211688.jpg",
alt: "Gradient technology logo template collection",
},
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148211688.jpg", alt: "Gradient technology logo template collection"},
{
type: "text",
text: "Innovative Solutions",
},
type: "text", text: "Innovative Solutions"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/abstract-logo-template-gradient-style_52683-13889.jpg",
alt: "Abstract logo template gradient style",
},
type: "image", src: "http://img.b2bpic.net/free-vector/abstract-logo-template-gradient-style_52683-13889.jpg", alt: "Abstract logo template gradient style"},
{
type: "text",
text: "Client-Centric Approach",
},
type: "text", text: "Client-Centric Approach"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/white-logo-with-blue-circle-black-circle_698780-982.jpg",
alt: "A white logo with a blue circle and a black circle",
},
type: "image", src: "http://img.b2bpic.net/free-vector/white-logo-with-blue-circle-black-circle_698780-982.jpg", alt: "A white logo with a blue circle and a black circle"},
]}
marqueeSpeed={30}
showMarqueeCard={true}
@@ -164,29 +122,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "ui-ux",
title: "Intuitive UI/UX Design",
description: "We craft engaging and user-friendly interfaces that ensure a seamless experience, transforming visitors into loyal customers.",
tag: "Design First",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104476.jpg",
imageAlt: "UI/UX design mock-up on tablet and smartphone",
},
id: "ui-ux", title: "Intuitive UI/UX Design", description: "We craft engaging and user-friendly interfaces that ensure a seamless experience, transforming visitors into loyal customers.", tag: "Design First", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104476.jpg", imageAlt: "UI/UX design mock-up on tablet and smartphone"},
{
id: "custom-dev",
title: "Robust Custom Development",
description: "Building scalable and secure web platforms from scratch, optimized for performance and future growth, using the latest technologies.",
tag: "Code Excellence",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-background_181624-21133.jpg",
imageAlt: "Abstract representation of custom web development code",
},
id: "custom-dev", title: "Robust Custom Development", description: "Building scalable and secure web platforms from scratch, optimized for performance and future growth, using the latest technologies.", tag: "Code Excellence", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-background_181624-21133.jpg", imageAlt: "Abstract representation of custom web development code"},
{
id: "e-commerce",
title: "High-Converting E-commerce Solutions",
description: "Empower your online store with bespoke e-commerce platforms designed to maximize sales and provide an effortless shopping journey.",
tag: "Sell More",
imageSrc: "http://img.b2bpic.net/free-photo/e-commerce-shop-online-homepage-sale-concept_53876-127542.jpg",
imageAlt: "E-commerce website product page on multiple devices",
},
id: "e-commerce", title: "High-Converting E-commerce Solutions", description: "Empower your online store with bespoke e-commerce platforms designed to maximize sales and provide an effortless shopping journey.", tag: "Sell More", imageSrc: "http://img.b2bpic.net/free-photo/e-commerce-shop-online-homepage-sale-concept_53876-127542.jpg", imageAlt: "E-commerce website product page on multiple devices"},
]}
title="Our Comprehensive Web Design Services"
description="From concept to launch, we offer a full spectrum of services to ensure your online presence is powerful and effective, tailored to your unique business needs."
@@ -199,38 +139,21 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "projects",
value: "250+",
title: "Projects Delivered",
items: [
"On time",
"Within budget",
"Exceeding expectations",
],
id: "projects", value: "250+", title: "Projects Delivered", items: [
"On time", "Within budget", "Exceeding expectations"],
},
{
id: "satisfaction",
value: "98%",
title: "Client Satisfaction",
items: [
"Positive feedback",
"Long-term partnerships",
"Referral rate",
],
id: "satisfaction", value: "98%", title: "Client Satisfaction", items: [
"Positive feedback", "Long-term partnerships", "Referral rate"],
},
{
id: "roi",
value: "200%",
title: "Average Client ROI",
items: [
"Increased conversions",
"Enhanced brand presence",
"Improved user engagement",
],
id: "roi", value: "200%", title: "Average Client ROI", items: [
"Increased conversions", "Enhanced brand presence", "Improved user engagement"],
},
]}
title="Proven Results, Exceptional Growth"
description="Our commitment to excellence translates into tangible success for our clients. See the numbers that speak for themselves."
animationType="slide-up"
/>
</div>
@@ -242,33 +165,13 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "1",
name: "Elara Vance",
role: "CEO & Founder",
imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg",
imageAlt: "Elara Vance, CEO & Founder",
},
id: "1", name: "Elara Vance", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg", imageAlt: "Elara Vance, CEO & Founder"},
{
id: "2",
name: "Jaxen Reed",
role: "Lead UI/UX Designer",
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-tablet-device_23-2149749887.jpg",
imageAlt: "Jaxen Reed, Lead UI/UX Designer",
},
id: "2", name: "Jaxen Reed", role: "Lead UI/UX Designer", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-tablet-device_23-2149749887.jpg", imageAlt: "Jaxen Reed, Lead UI/UX Designer"},
{
id: "3",
name: "Kaelen Stone",
role: "Head of Development",
imageSrc: "http://img.b2bpic.net/free-photo/successful-middle-eastern-employee-handling-financial-planning_482257-128579.jpg",
imageAlt: "Kaelen Stone, Head of Development",
},
id: "3", name: "Kaelen Stone", role: "Head of Development", imageSrc: "http://img.b2bpic.net/free-photo/successful-middle-eastern-employee-handling-financial-planning_482257-128579.jpg", imageAlt: "Kaelen Stone, Head of Development"},
{
id: "4",
name: "Lyra Croft",
role: "Marketing Strategist",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149442310.jpg",
imageAlt: "Lyra Croft, Marketing Strategist",
},
id: "4", name: "Lyra Croft", role: "Marketing Strategist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2149442310.jpg", imageAlt: "Lyra Croft, Marketing Strategist"},
]}
title="Meet the Visionaries Behind Your Success"
description="Our diverse team of expert designers, developers, and strategists are passionate about bringing your digital dreams to life with creativity and precision."
@@ -283,25 +186,15 @@ export default function LandingPage() {
author="Sarah Chen, CEO of InnovateCorp"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
alt: "Sarah Chen avatar",
},
src: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg", alt: "Sarah Chen avatar"},
{
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
alt: "John Smith avatar",
},
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "John Smith avatar"},
{
src: "http://img.b2bpic.net/free-photo/view-comical-funny-scene_23-2151087473.jpg",
alt: "Emily White avatar",
},
src: "http://img.b2bpic.net/free-photo/view-comical-funny-scene_23-2151087473.jpg", alt: "Emily White avatar"},
{
src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
alt: "David Lee avatar",
},
src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", alt: "David Lee avatar"},
{
src: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing-data-analysis-deadline_482257-133346.jpg",
alt: "Olivia Brown avatar",
},
src: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing-data-analysis-deadline_482257-133346.jpg", alt: "Olivia Brown avatar"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -313,14 +206,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechCorp",
"Global Ventures",
"Innovate Labs",
"Synergy Solutions",
"Vertex Digital",
"Nexus Systems",
"Prime Data",
]}
"TechCorp", "Global Ventures", "Innovate Labs", "Synergy Solutions", "Vertex Digital", "Nexus Systems", "Prime Data"]}
title="Trusted by Industry Leaders"
description="We partner with ambitious brands across various sectors to create impactful digital experiences that drive measurable success."
speed={35}
@@ -332,25 +218,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What is your typical web design process?",
content: "Our process involves discovery, strategy, design, development, quality assurance, and launch. We work closely with you through every stage to ensure your vision comes to life.",
},
id: "1", title: "What is your typical web design process?", content: "Our process involves discovery, strategy, design, development, quality assurance, and launch. We work closely with you through every stage to ensure your vision comes to life."},
{
id: "2",
title: "How long does a typical website project take?",
content: "Project timelines vary depending on complexity and scope. A standard custom website can take anywhere from 8 to 16 weeks, while more complex platforms may require longer.",
},
id: "2", title: "How long does a typical website project take?", content: "Project timelines vary depending on complexity and scope. A standard custom website can take anywhere from 8 to 16 weeks, while more complex platforms may require longer."},
{
id: "3",
title: "What are your pricing models?",
content: "We offer custom quotes based on project scope, features, and desired outcomes. We ensure transparency with detailed proposals tailored to your budget and needs.",
},
id: "3", title: "What are your pricing models?", content: "We offer custom quotes based on project scope, features, and desired outcomes. We ensure transparency with detailed proposals tailored to your budget and needs."},
{
id: "4",
title: "Do you offer post-launch support and maintenance?",
content: "Yes, we provide comprehensive post-launch support, including maintenance, updates, security monitoring, and ongoing optimization to ensure your website continues to perform flawlessly.",
},
id: "4", title: "Do you offer post-launch support and maintenance?", content: "Yes, we provide comprehensive post-launch support, including maintenance, updates, security monitoring, and ongoing optimization to ensure your website continues to perform flawlessly."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to the most common questions about our web design process, services, pricing, and how we work with clients."
@@ -363,16 +237,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get Started Today"
title="Ready to Elevate Your Brand?"
description="Let's create something extraordinary together. Contact us today for a free consultation and bring your vision to life with expert web design and development."
buttons={[
{
text: "Get a Free Quote",
href: "mailto:info@designforge.com",
},
text: "Get a Free Quote", href: "mailto:info@designforge.com"},
]}
buttonAnimation="slide-up"
/>
@@ -384,13 +255,9 @@ export default function LandingPage() {
logoAlt="Design Forge Logo"
logoText="Design Forge"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>