Merge version_1 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -32,30 +32,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
name: "Services", id: "services"
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
href: "/portfolio",
|
||||
name: "Portfolio", id: "portfolio"
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
name: "About", id: "about"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "contact"
|
||||
}
|
||||
]}
|
||||
brandName="Webbing Studios"
|
||||
/>
|
||||
@@ -64,43 +54,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
title="Websites that captivate, inspire, and convert. Grow your business with a powerful online presence."
|
||||
description="Webbing Studios crafts custom, high-impact websites designed to attract more clients, establish trust, and professionalize your brand. Turn your online presence into a client magnet."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/modern-dark-themed-web-design-interface--1774244059970-99519def.png?_wi=1",
|
||||
imageAlt: "Modern web design dashboard",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/modern-dark-themed-web-design-interface--1774244059970-99519def.png", imageAlt: "Modern web design dashboard"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/close-up-of-a-dynamic-web-interface-on-m-1774244059641-4ed2aa16.png?_wi=1",
|
||||
imageAlt: "Dynamic web interface",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/close-up-of-a-dynamic-web-interface-on-m-1774244059641-4ed2aa16.png", imageAlt: "Dynamic web interface"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/abstract-web-design-concept-focusing-on--1774244059337-b7bad8cd.png?_wi=1",
|
||||
imageAlt: "Abstract connectivity network",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/abstract-web-design-concept-focusing-on--1774244059337-b7bad8cd.png", imageAlt: "Abstract connectivity network"
|
||||
}
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/minimalist-web-design-wireframe-on-a-dar-1774244058886-12690566.png?_wi=1",
|
||||
imageAlt: "Minimalist web design wireframe",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/minimalist-web-design-wireframe-on-a-dar-1774244058886-12690566.png", imageAlt: "Minimalist web design wireframe"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/futuristic-ui-dashboard-displaying-analy-1774244059562-1471f615.png?_wi=1",
|
||||
imageAlt: "Futuristic UI analytics dashboard",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/futuristic-ui-dashboard-displaying-analy-1774244059562-1471f615.png", imageAlt: "Futuristic UI analytics dashboard"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/creative-web-development-concept-showing-1774244059005-0e109657.png?_wi=1",
|
||||
imageAlt: "Creative web development concept",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/creative-web-development-concept-showing-1774244059005-0e109657.png", imageAlt: "Creative web development concept"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Website",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get Your Website", href: "/contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,23 +96,19 @@ export default function LandingPage() {
|
||||
description="While social media is great for engagement, a professional website serves as your permanent, credible online home. It offers unparalleled control, professionalism, and conversion capabilities that social platforms simply can't match. Elevate your brand beyond fleeting trends."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Professionalism & Credibility",
|
||||
description: "Instantly establish authority and build trust with a dedicated online space that showcases your expertise.",
|
||||
title: "Professionalism & Credibility", description: "Instantly establish authority and build trust with a dedicated online space that showcases your expertise."
|
||||
},
|
||||
{
|
||||
title: "Full Control & Ownership",
|
||||
description: "Own your platform, content, and data without algorithm changes or platform restrictions.",
|
||||
title: "Full Control & Ownership", description: "Own your platform, content, and data without algorithm changes or platform restrictions."
|
||||
},
|
||||
{
|
||||
title: "Higher Conversion Rates",
|
||||
description: "Guide visitors through a tailored journey designed to convert them into loyal customers.",
|
||||
title: "Higher Conversion Rates", description: "Guide visitors through a tailored journey designed to convert them into loyal customers."
|
||||
},
|
||||
{
|
||||
title: "Enhanced SEO & Visibility",
|
||||
description: "Rank higher in search results, making it easier for new clients to discover your services organically.",
|
||||
},
|
||||
title: "Enhanced SEO & Visibility", description: "Rank higher in search results, making it easier for new clients to discover your services organically."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/a-side-by-side-comparison-illustrating-a-1774244060336-4e4504e0.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/a-side-by-side-comparison-illustrating-a-1774244060336-4e4504e0.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -141,25 +120,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Step 1",
|
||||
title: "Discovery & Strategy",
|
||||
subtitle: "Uncover Your Vision",
|
||||
description: "We start by understanding your business, goals, target audience, and unique brand identity. This foundational step ensures every design choice is strategic.",
|
||||
tag: "Step 1", title: "Discovery & Strategy", subtitle: "Uncover Your Vision", description: "We start by understanding your business, goals, target audience, and unique brand identity. This foundational step ensures every design choice is strategic."
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Step 2",
|
||||
title: "Design & Development",
|
||||
subtitle: "Crafting Your Digital Presence",
|
||||
description: "Our team crafts visually striking mockups and develops a responsive, high-performance website tailored to your specifications, integrating subtle, sophisticated elements.",
|
||||
tag: "Step 2", title: "Design & Development", subtitle: "Crafting Your Digital Presence", description: "Our team crafts visually striking mockups and develops a responsive, high-performance website tailored to your specifications, integrating subtle, sophisticated elements."
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Step 3",
|
||||
title: "Launch & Growth",
|
||||
subtitle: "Go Live & Thrive",
|
||||
description: "After rigorous testing, we launch your site and provide ongoing support, empowering you with the tools to manage your online presence and continue growing.",
|
||||
},
|
||||
tag: "Step 3", title: "Launch & Growth", subtitle: "Go Live & Thrive", description: "After rigorous testing, we launch your site and provide ongoing support, empowering you with the tools to manage your online presence and continue growing."
|
||||
}
|
||||
]}
|
||||
title="Our Streamlined Path to Your Stunning Website"
|
||||
description="We make building your dream website straightforward and transparent, ensuring a smooth journey from concept to launch. Our collaborative approach puts your vision at the core."
|
||||
@@ -174,33 +144,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hair Salon Website",
|
||||
price: "View Case Study",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/modern-website-design-for-a-chic-hair-sa-1774244062228-87685ab4.png?_wi=1",
|
||||
imageAlt: "Website for a modern hair salon",
|
||||
id: "1", name: "Hair Salon Website", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/modern-website-design-for-a-chic-hair-sa-1774244062228-87685ab4.png", imageAlt: "Website for a modern hair salon"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Restaurant Ordering Site",
|
||||
price: "View Case Study",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/visually-striking-website-design-for-a-h-1774244060199-dda3e180.png?_wi=1",
|
||||
imageAlt: "Website for a high-end restaurant with online ordering",
|
||||
id: "2", name: "Restaurant Ordering Site", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/visually-striking-website-design-for-a-h-1774244060199-dda3e180.png", imageAlt: "Website for a high-end restaurant with online ordering"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Delivery Service Platform",
|
||||
price: "View Case Study",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/user-friendly-website-design-for-a-moder-1774244060435-58aa3926.png?_wi=1",
|
||||
imageAlt: "Website for a food delivery business",
|
||||
id: "3", name: "Delivery Service Platform", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/user-friendly-website-design-for-a-moder-1774244060435-58aa3926.png", imageAlt: "Website for a food delivery business"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Personal Brand Portfolio",
|
||||
price: "View Case Study",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/sophisticated-personal-brand-website-for-1774244059876-d03b4243.png?_wi=1",
|
||||
imageAlt: "Website for a personal brand portfolio",
|
||||
},
|
||||
id: "4", name: "Personal Brand Portfolio", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/sophisticated-personal-brand-website-for-1774244059876-d03b4243.png", imageAlt: "Website for a personal brand portfolio"
|
||||
}
|
||||
]}
|
||||
title="Our Work: Websites That Deliver Real Results"
|
||||
description="Explore a selection of our recent projects that have empowered small businesses to thrive online, showcasing diverse industries and powerful designs that convert."
|
||||
@@ -214,37 +168,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@GlamourHub",
|
||||
testimonial: "Webbing Studios transformed our online presence! Our new website is stunning, easy to navigate, and has significantly increased our bookings. Truly professional and impactful.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/professional-headshot-of-a-female-salon--1774244058640-06b0f13b.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@GlamourHub", testimonial: "Webbing Studios transformed our online presence! Our new website is stunning, easy to navigate, and has significantly increased our bookings. Truly professional and impactful.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/professional-headshot-of-a-female-salon--1774244058640-06b0f13b.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chef Marco Rossi",
|
||||
handle: "@TasteDelight",
|
||||
testimonial: "The website Webbing Studios built for us perfectly captures our restaurant's essence. It's elegant, user-friendly, and has made online reservations a breeze. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/professional-headshot-of-a-male-restaura-1774244059172-0002ddb6.png?_wi=1",
|
||||
},
|
||||
id: "2", name: "Chef Marco Rossi", handle: "@TasteDelight", testimonial: "The website Webbing Studios built for us perfectly captures our restaurant's essence. It's elegant, user-friendly, and has made online reservations a breeze. Highly recommend!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/professional-headshot-of-a-male-restaura-1774244059172-0002ddb6.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
handle: "@LocalFixes",
|
||||
testimonial: "Finally, a website that truly represents my brand! Webbing Studios understood my vision and delivered a site that looks premium and has brought in so many new local clients. Fantastic work!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/professional-headshot-of-a-female-entrep-1774244059896-3f7d492b.png?_wi=1",
|
||||
},
|
||||
id: "3", name: "Emily Chen", handle: "@LocalFixes", testimonial: "Finally, a website that truly represents my brand! Webbing Studios understood my vision and delivered a site that looks premium and has brought in so many new local clients. Fantastic work!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/professional-headshot-of-a-female-entrep-1774244059896-3f7d492b.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Lee",
|
||||
handle: "@InnovateYou",
|
||||
testimonial: "As a personal brand, my website is crucial. Webbing Studios created a sleek, modern, and high-converting platform that elevates my image and helps me connect with my audience.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/professional-headshot-of-a-male-personal-1774244059414-6e452009.png?_wi=1",
|
||||
},
|
||||
id: "4", name: "David Lee", handle: "@InnovateYou", testimonial: "As a personal brand, my website is crucial. Webbing Studios created a sleek, modern, and high-converting platform that elevates my image and helps me connect with my audience.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/professional-headshot-of-a-male-personal-1774244059414-6e452009.png"}
|
||||
]}
|
||||
showRating={true}
|
||||
title="Hear From Our Happy Clients"
|
||||
@@ -256,12 +190,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
tag="Ready to Grow?"
|
||||
title="Let's Build Your Online Success Story"
|
||||
description="Take the first step towards a professional, high-converting website that truly represents your brand. Get in touch today for a free, no-obligation consultation and see what Webbing Studios can do for you."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/abstract-digital-network-background-with-1774244059197-5e26128c.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/abstract-digital-network-background-with-1774244059197-5e26128c.png"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
@@ -274,12 +208,10 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Webbing Studios"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -291,66 +223,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essentials",
|
||||
price: "$1,999",
|
||||
subtitle: "Ideal for New Businesses",
|
||||
buttons: [
|
||||
id: "starter", badge: "Essentials", price: "$1,999", subtitle: "Ideal for New Businesses", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get Started", href: "/contact"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"5-Page Professional Website",
|
||||
"Responsive Design (Mobile-First)",
|
||||
"Basic SEO Optimization",
|
||||
"1-Hour Training Session",
|
||||
"2 Weeks Post-Launch Support",
|
||||
],
|
||||
"5-Page Professional Website", "Responsive Design (Mobile-First)", "Basic SEO Optimization", "1-Hour Training Session", "2 Weeks Post-Launch Support"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "growth",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$3,499",
|
||||
subtitle: "For Growing Businesses",
|
||||
buttons: [
|
||||
id: "growth", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$3,499", subtitle: "For Growing Businesses", buttons: [
|
||||
{
|
||||
text: "Choose Growth",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Choose Growth", href: "/contact"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"10-Page Custom Website",
|
||||
"Advanced Branding Integration",
|
||||
"Conversion Rate Optimization",
|
||||
"Social Media Integration",
|
||||
"2-Hour Training Session",
|
||||
"1 Month Post-Launch Support",
|
||||
],
|
||||
"10-Page Custom Website", "Advanced Branding Integration", "Conversion Rate Optimization", "Social Media Integration", "2-Hour Training Session", "1 Month Post-Launch Support"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Enterprise",
|
||||
price: "$5,999+",
|
||||
subtitle: "For Ambitious Enterprises",
|
||||
buttons: [
|
||||
id: "premium", badge: "Enterprise", price: "$5,999+", subtitle: "For Ambitious Enterprises", buttons: [
|
||||
{
|
||||
text: "Contact for Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact for Quote", href: "/contact"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"Unlimited Pages, Fully Custom",
|
||||
"Advanced UI/UX Strategy",
|
||||
"E-commerce Integration (Optional)",
|
||||
"CRM & Marketing Automation",
|
||||
"Ongoing SEO & Analytics Reporting",
|
||||
"Dedicated Account Manager",
|
||||
"3 Months Post-Launch Support",
|
||||
],
|
||||
},
|
||||
"Unlimited Pages, Fully Custom", "Advanced UI/UX Strategy", "E-commerce Integration (Optional)", "CRM & Marketing Automation", "Ongoing SEO & Analytics Reporting", "Dedicated Account Manager", "3 Months Post-Launch Support"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Flexible Packages for Every Business Need"
|
||||
description="Whether you're just starting out or ready for a full digital transformation, we have a website solution tailored to your goals and budget. All packages include our signature design expertise."
|
||||
@@ -365,33 +267,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hair Salon Website",
|
||||
price: "View Case Study",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/modern-website-design-for-a-chic-hair-sa-1774244062228-87685ab4.png?_wi=2",
|
||||
imageAlt: "Website for a modern hair salon",
|
||||
id: "1", name: "Hair Salon Website", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/modern-website-design-for-a-chic-hair-sa-1774244062228-87685ab4.png", imageAlt: "Website for a modern hair salon"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Restaurant Ordering Site",
|
||||
price: "View Case Study",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/visually-striking-website-design-for-a-h-1774244060199-dda3e180.png?_wi=2",
|
||||
imageAlt: "Website for a high-end restaurant with online ordering",
|
||||
id: "2", name: "Restaurant Ordering Site", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/visually-striking-website-design-for-a-h-1774244060199-dda3e180.png", imageAlt: "Website for a high-end restaurant with online ordering"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Delivery Service Platform",
|
||||
price: "View Case Study",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/user-friendly-website-design-for-a-moder-1774244060435-58aa3926.png?_wi=2",
|
||||
imageAlt: "Website for a food delivery business",
|
||||
id: "3", name: "Delivery Service Platform", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/user-friendly-website-design-for-a-moder-1774244060435-58aa3926.png", imageAlt: "Website for a food delivery business"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Personal Brand Portfolio",
|
||||
price: "View Case Study",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/sophisticated-personal-brand-website-for-1774244059876-d03b4243.png?_wi=2",
|
||||
imageAlt: "Website for a personal brand portfolio",
|
||||
},
|
||||
id: "4", name: "Personal Brand Portfolio", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/sophisticated-personal-brand-website-for-1774244059876-d03b4243.png", imageAlt: "Website for a personal brand portfolio"
|
||||
}
|
||||
]}
|
||||
title="Our Work: Websites That Deliver Real Results"
|
||||
description="Explore a selection of our recent projects that have empowered small businesses to thrive online, showcasing diverse industries and powerful designs that convert."
|
||||
@@ -406,23 +292,19 @@ export default function LandingPage() {
|
||||
description="While social media is great for engagement, a professional website serves as your permanent, credible online home. It offers unparalleled control, professionalism, and conversion capabilities that social platforms simply can't match. Elevate your brand beyond fleeting trends."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Professionalism & Credibility",
|
||||
description: "Instantly establish authority and build trust with a dedicated online space that showcases your expertise.",
|
||||
title: "Professionalism & Credibility", description: "Instantly establish authority and build trust with a dedicated online space that showcases your expertise."
|
||||
},
|
||||
{
|
||||
title: "Full Control & Ownership",
|
||||
description: "Own your platform, content, and data without algorithm changes or platform restrictions.",
|
||||
title: "Full Control & Ownership", description: "Own your platform, content, and data without algorithm changes or platform restrictions."
|
||||
},
|
||||
{
|
||||
title: "Higher Conversion Rates",
|
||||
description: "Guide visitors through a tailored journey designed to convert them into loyal customers.",
|
||||
title: "Higher Conversion Rates", description: "Guide visitors through a tailored journey designed to convert them into loyal customers."
|
||||
},
|
||||
{
|
||||
title: "Enhanced SEO & Visibility",
|
||||
description: "Rank higher in search results, making it easier for new clients to discover your services organically.",
|
||||
},
|
||||
title: "Enhanced SEO & Visibility", description: "Rank higher in search results, making it easier for new clients to discover your services organically."
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/a-side-by-side-comparison-illustrating-a-1774244060336-4e4504e0.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/a-side-by-side-comparison-illustrating-a-1774244060336-4e4504e0.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -431,12 +313,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
tag="Ready to Grow?"
|
||||
title="Let's Build Your Online Success Story"
|
||||
description="Take the first step towards a professional, high-converting website that truly represents your brand. Get in touch today for a free, no-obligation consultation and see what Webbing Studios can do for you."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/abstract-digital-network-background-with-1774244059197-5e26128c.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/abstract-digital-network-background-with-1774244059197-5e26128c.png"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
|
||||
@@ -29,30 +29,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
name: "Home", id: "home"
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
href: "/services",
|
||||
name: "Services", id: "services"
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
href: "/portfolio",
|
||||
name: "Portfolio", id: "portfolio"
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
href: "/about",
|
||||
name: "About", id: "about"
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "contact"
|
||||
}
|
||||
]}
|
||||
brandName="Webbing Studios"
|
||||
/>
|
||||
@@ -61,7 +51,7 @@ export default function LandingPage() {
|
||||
<div id="services-hero" data-section="services-hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
title="Crafting Digital Experiences That Convert"
|
||||
description="At Webbing Studios, we offer a full suite of web development services designed to elevate your brand, engage your audience, and drive tangible results. From stunning designs to robust functionality, we build websites that work."
|
||||
@@ -69,15 +59,13 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Portfolio",
|
||||
href: "/portfolio",
|
||||
text: "View Our Portfolio", href: "/portfolio"
|
||||
},
|
||||
{
|
||||
text: "Get a Free Consultation",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get a Free Consultation", href: "/contact"
|
||||
}
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/modern-dark-themed-web-design-interface--1774244059970-99519def.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/modern-dark-themed-web-design-interface--1774244059970-99519def.png"
|
||||
imageAlt="Modern web design dashboard with data visualizations"
|
||||
/>
|
||||
</div>
|
||||
@@ -89,56 +77,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Web Design & Development",
|
||||
title: "Visually Stunning & User-Friendly",
|
||||
items: [
|
||||
"Custom Website Design",
|
||||
"Responsive Development",
|
||||
"UI/UX Optimization",
|
||||
"Content Management Systems",
|
||||
id: "1", label: "Web Design & Development", title: "Visually Stunning & User-Friendly", items: [
|
||||
"Custom Website Design", "Responsive Development", "UI/UX Optimization", "Content Management Systems"
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/services#web-development",
|
||||
},
|
||||
],
|
||||
text: "Learn More", href: "/services#web-development"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "E-commerce Solutions",
|
||||
title: "Boost Your Online Sales",
|
||||
items: [
|
||||
"Online Store Setup",
|
||||
"Payment Gateway Integration",
|
||||
"Product Catalog Management",
|
||||
"Secure Shopping Carts",
|
||||
id: "2", label: "E-commerce Solutions", title: "Boost Your Online Sales", items: [
|
||||
"Online Store Setup", "Payment Gateway Integration", "Product Catalog Management", "Secure Shopping Carts"
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Explore E-commerce",
|
||||
href: "/services#ecommerce",
|
||||
},
|
||||
],
|
||||
text: "Explore E-commerce", href: "/services#ecommerce"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Digital Marketing Integration",
|
||||
title: "Reach Your Target Audience",
|
||||
items: [
|
||||
"Search Engine Optimization (SEO)",
|
||||
"Social Media Marketing Tools",
|
||||
"Analytics & Reporting",
|
||||
"Content Strategy",
|
||||
id: "3", label: "Digital Marketing Integration", title: "Reach Your Target Audience", items: [
|
||||
"Search Engine Optimization (SEO)", "Social Media Marketing Tools", "Analytics & Reporting", "Content Strategy"
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Discover Marketing",
|
||||
href: "/services#marketing",
|
||||
},
|
||||
],
|
||||
},
|
||||
text: "Discover Marketing", href: "/services#marketing"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Comprehensive Web Solutions for Your Business"
|
||||
description="We specialize in delivering bespoke web solutions that are visually striking, highly functional, and optimized for performance across all devices."
|
||||
@@ -153,32 +120,20 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Discovery & Strategy",
|
||||
description: "We begin by understanding your business goals, target audience, and unique requirements to form a solid strategic foundation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/creative-web-development-concept-showing-1774244059005-0e109657.png?_wi=2",
|
||||
imageAlt: "Abstract graphic elements over code snippets",
|
||||
title: "Discovery & Strategy", description: "We begin by understanding your business goals, target audience, and unique requirements to form a solid strategic foundation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/creative-web-development-concept-showing-1774244059005-0e109657.png", imageAlt: "Abstract graphic elements over code snippets"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Design & Prototyping",
|
||||
description: "Our designers craft stunning visual concepts and interactive prototypes, ensuring the user experience is intuitive and engaging.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/minimalist-web-design-wireframe-on-a-dar-1774244058886-12690566.png?_wi=2",
|
||||
imageAlt: "Minimalist web design wireframe",
|
||||
title: "Design & Prototyping", description: "Our designers craft stunning visual concepts and interactive prototypes, ensuring the user experience is intuitive and engaging.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/minimalist-web-design-wireframe-on-a-dar-1774244058886-12690566.png", imageAlt: "Minimalist web design wireframe"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Development & Testing",
|
||||
description: "Using cutting-edge technologies, we build your website, rigorously testing it for functionality, responsiveness, and performance.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/close-up-of-a-dynamic-web-interface-on-m-1774244059641-4ed2aa16.png?_wi=2",
|
||||
imageAlt: "Dynamic web interface on multiple screens",
|
||||
title: "Development & Testing", description: "Using cutting-edge technologies, we build your website, rigorously testing it for functionality, responsiveness, and performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/close-up-of-a-dynamic-web-interface-on-m-1774244059641-4ed2aa16.png", imageAlt: "Dynamic web interface on multiple screens"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Launch & Optimization",
|
||||
description: "Your new website goes live! We provide ongoing support, monitoring, and optimization to ensure its continued success.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/futuristic-ui-dashboard-displaying-analy-1774244059562-1471f615.png?_wi=2",
|
||||
imageAlt: "Futuristic UI dashboard",
|
||||
},
|
||||
title: "Launch & Optimization", description: "Your new website goes live! We provide ongoing support, monitoring, and optimization to ensure its continued success.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BKhvXc6vyOhIEOZ1s3eUX0Jrjd/futuristic-ui-dashboard-displaying-analy-1774244059562-1471f615.png", imageAlt: "Futuristic UI dashboard"
|
||||
}
|
||||
]}
|
||||
title="A Transparent Journey to Your Ideal Website"
|
||||
description="We follow a clear, collaborative process to ensure your vision is brought to life efficiently and effectively, from concept to launch."
|
||||
@@ -192,25 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does it take to build a website?",
|
||||
content: "The timeline varies based on complexity, features, and content. A typical small business website might take 4-8 weeks, while larger e-commerce or custom applications could take several months. We'll provide a detailed timeline after our discovery phase.",
|
||||
id: "1", title: "How long does it take to build a website?", content: "The timeline varies based on complexity, features, and content. A typical small business website might take 4-8 weeks, while larger e-commerce or custom applications could take several months. We'll provide a detailed timeline after our discovery phase."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer website maintenance and support?",
|
||||
content: "Yes, we offer comprehensive maintenance packages that include updates, security monitoring, backups, and ongoing technical support to ensure your website runs smoothly and securely.",
|
||||
id: "2", title: "Do you offer website maintenance and support?", content: "Yes, we offer comprehensive maintenance packages that include updates, security monitoring, backups, and ongoing technical support to ensure your website runs smoothly and securely."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can you help with SEO (Search Engine Optimization)?",
|
||||
content: "Absolutely. All our websites are built with SEO best practices in mind. We can also offer advanced SEO strategies and ongoing services to improve your search engine rankings and drive organic traffic.",
|
||||
id: "3", title: "Can you help with SEO (Search Engine Optimization)?", content: "Absolutely. All our websites are built with SEO best practices in mind. We can also offer advanced SEO strategies and ongoing services to improve your search engine rankings and drive organic traffic."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What platforms do you build websites on?",
|
||||
content: "We work with a variety of platforms including custom coding (React, Next.js), WordPress, Shopify, and other modern frameworks, choosing the best fit for your specific project needs.",
|
||||
},
|
||||
id: "4", title: "What platforms do you build websites on?", content: "We work with a variety of platforms including custom coding (React, Next.js), WordPress, Shopify, and other modern frameworks, choosing the best fit for your specific project needs."
|
||||
}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our web design and development services."
|
||||
@@ -223,60 +170,47 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Web Design",
|
||||
href: "/services#web-design",
|
||||
label: "Web Design", href: "/services#web-design"
|
||||
},
|
||||
{
|
||||
label: "E-commerce",
|
||||
href: "/services#ecommerce",
|
||||
label: "E-commerce", href: "/services#ecommerce"
|
||||
},
|
||||
{
|
||||
label: "SEO & Marketing",
|
||||
href: "/services#seo",
|
||||
label: "SEO & Marketing", href: "/services#seo"
|
||||
},
|
||||
{
|
||||
label: "Website Maintenance",
|
||||
href: "/services#maintenance",
|
||||
},
|
||||
],
|
||||
label: "Website Maintenance", href: "/services#maintenance"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
label: "About Us", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
label: "Portfolio", href: "/portfolio"
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
label: "Contact", href: "/contact"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
label: "Blog", href: "/blog"
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/services#services-faq",
|
||||
label: "FAQs", href: "/services#services-faq"
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy-policy",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Privacy Policy", href: "/privacy-policy"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Webbing Studios"
|
||||
copyrightText="© 2024 Webbing Studios. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user