Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ad24909d0e | |||
| 8a3f3c8f1e |
323
src/app/page.tsx
323
src/app/page.tsx
@@ -32,43 +32,25 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Webild"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -76,69 +58,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Innovate Your Digital Presence"
|
||||
description="Transforming ideas into stunning websites with cutting-edge design and seamless functionality. Let's build something amazing together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120457.jpg"
|
||||
imageAlt="modern web design desk setup"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg",
|
||||
alt: "Mockup Copy Space Blank Screen Concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-124218.jpg", alt: "Mockup Copy Space Blank Screen Concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg",
|
||||
alt: "Office desk with computer, digital tablet and mobile phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg", alt: "Office desk with computer, digital tablet and mobile phone"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-computer-dark-table-work-desk_169016-49125.jpg",
|
||||
alt: "Top view computer on a dark table work desk",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-computer-dark-table-work-desk_169016-49125.jpg", alt: "Top view computer on a dark table work desk"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg",
|
||||
alt: "AI LLM chatbot software interface on PC in home office showing virtual assistant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg", alt: "AI LLM chatbot software interface on PC in home office showing virtual assistant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25725.jpg",
|
||||
alt: "young smiling professional developer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25725.jpg", alt: "young smiling professional developer"},
|
||||
]}
|
||||
avatarText="Join over 500+ satisfied clients!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Web Design",
|
||||
},
|
||||
type: "text", text: "Web Design"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/keyboard-screen-modern-indoor-sit-analysis_1421-265.jpg",
|
||||
alt: "responsive web development",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/keyboard-screen-modern-indoor-sit-analysis_1421-265.jpg", alt: "responsive web development"},
|
||||
{
|
||||
type: "text",
|
||||
text: "E-commerce Solutions",
|
||||
},
|
||||
type: "text", text: "E-commerce Solutions"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/tablet-with-annual-report_1098-3459.jpg",
|
||||
alt: "digital marketing analytics",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/tablet-with-annual-report_1098-3459.jpg", alt: "digital marketing analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimization",
|
||||
},
|
||||
type: "text", text: "SEO Optimization"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,7 +101,7 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafting Digital Experiences"
|
||||
title="Unlocking Digital Potential with Custom Web Experiences"
|
||||
description="We are a team of passionate designers and developers dedicated to creating high-quality, user-centric websites that drive engagement and growth. Our focus is on delivering tailored solutions that resonate with your brand and audience."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-young-colleagues-sitting-office-coworking_171337-17681.jpg"
|
||||
imageAlt="team collaborating on web project"
|
||||
@@ -160,34 +115,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Custom Design",
|
||||
title: "Tailored Solutions",
|
||||
items: [
|
||||
"Unique designs reflecting your brand identity.",
|
||||
"User-centric approach for optimal experience.",
|
||||
"Scalable architecture for future growth.",
|
||||
],
|
||||
id: "f1", label: "Custom Design", title: "Tailored Solutions", items: [
|
||||
"Unique designs reflecting your brand identity.", "User-centric approach for optimal experience.", "Scalable architecture for future growth."],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Performance Focused",
|
||||
title: "Blazing Fast Websites",
|
||||
items: [
|
||||
"Optimized for speed and search engine rankings.",
|
||||
"Responsive across all devices and screen sizes.",
|
||||
"Robust and secure infrastructure.",
|
||||
],
|
||||
id: "f2", label: "Performance Focused", title: "Blazing Fast Websites", items: [
|
||||
"Optimized for speed and search engine rankings.", "Responsive across all devices and screen sizes.", "Robust and secure infrastructure."],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Ongoing Support",
|
||||
title: "Dedicated Partnership",
|
||||
items: [
|
||||
"Continuous maintenance and updates.",
|
||||
"Proactive monitoring for peak performance.",
|
||||
"Expert support whenever you need it.",
|
||||
],
|
||||
id: "f3", label: "Ongoing Support", title: "Dedicated Partnership", items: [
|
||||
"Continuous maintenance and updates.", "Proactive monitoring for peak performance.", "Expert support whenever you need it."],
|
||||
},
|
||||
]}
|
||||
title="Key Features That Set Us Apart"
|
||||
@@ -203,53 +140,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Corporate Website",
|
||||
price: "$2,500",
|
||||
variant: "Business Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-41706.jpg",
|
||||
imageAlt: "clean corporate website design",
|
||||
},
|
||||
id: "p1", name: "Corporate Website", price: "$2,500", variant: "Business Starter", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-41706.jpg", imageAlt: "clean corporate website design"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "E-commerce Store",
|
||||
price: "$4,000",
|
||||
variant: "Online Shop Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg",
|
||||
imageAlt: "e-commerce online shop design",
|
||||
},
|
||||
id: "p2", name: "E-commerce Store", price: "$4,000", variant: "Online Shop Pro", imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-computer-with-paper-bags-credit-cards_58466-14581.jpg", imageAlt: "e-commerce online shop design"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Portfolio Site",
|
||||
price: "$1,800",
|
||||
variant: "Creative Showcase",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
|
||||
imageAlt: "portfolio website creative design",
|
||||
},
|
||||
id: "p3", name: "Portfolio Site", price: "$1,800", variant: "Creative Showcase", imageSrc: "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg", imageAlt: "portfolio website creative design"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Blog & News Portal",
|
||||
price: "$2,000",
|
||||
variant: "Content Hub",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/concepts-mobile-app_23-2148138325.jpg",
|
||||
imageAlt: "blog news magazine website",
|
||||
},
|
||||
id: "p4", name: "Blog & News Portal", price: "$2,000", variant: "Content Hub", imageSrc: "http://img.b2bpic.net/free-vector/concepts-mobile-app_23-2148138325.jpg", imageAlt: "blog news magazine website"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Restaurant Ordering",
|
||||
price: "$3,200",
|
||||
variant: "Foodie Connect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-spoon_23-2149703718.jpg",
|
||||
imageAlt: "restaurant menu food delivery website",
|
||||
},
|
||||
id: "p5", name: "Restaurant Ordering", price: "$3,200", variant: "Foodie Connect", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-spoon_23-2149703718.jpg", imageAlt: "restaurant menu food delivery website"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Event Booking Platform",
|
||||
price: "$4,500",
|
||||
variant: "Experience Host",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg",
|
||||
imageAlt: "event management booking website",
|
||||
},
|
||||
id: "p6", name: "Event Booking Platform", price: "$4,500", variant: "Experience Host", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneurs-exchange-ideas-work_482257-90714.jpg", imageAlt: "event management booking website"},
|
||||
]}
|
||||
title="Our Featured Web Solutions"
|
||||
description="Explore our diverse range of website packages and services designed to meet every need."
|
||||
@@ -263,55 +164,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$999",
|
||||
period: "one-time",
|
||||
description: "Perfect for small businesses or personal projects looking for a strong online presence.",
|
||||
button: {
|
||||
text: "Select Starter",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Responsive Design",
|
||||
"Basic SEO Optimization",
|
||||
"1-Year Support",
|
||||
],
|
||||
id: "basic", tag: "Starter", price: "$999", period: "one-time", description: "Perfect for small businesses or personal projects looking for a strong online presence.", button: {
|
||||
text: "Select Starter", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Responsive Design", "Basic SEO Optimization", "1-Year Support"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
tag: "Popular",
|
||||
price: "$1,999",
|
||||
period: "one-time",
|
||||
description: "Ideal for growing businesses needing advanced features and enhanced performance.",
|
||||
button: {
|
||||
text: "Select Standard",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Custom Design",
|
||||
"Advanced SEO Strategy",
|
||||
"2-Year Premium Support",
|
||||
],
|
||||
id: "standard", tag: "Popular", price: "$1,999", period: "one-time", description: "Ideal for growing businesses needing advanced features and enhanced performance.", button: {
|
||||
text: "Select Standard", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Custom Design", "Advanced SEO Strategy", "2-Year Premium Support"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Enterprise",
|
||||
price: "$3,499",
|
||||
period: "one-time",
|
||||
description: "For large-scale projects requiring comprehensive solutions and dedicated resources.",
|
||||
button: {
|
||||
text: "Select Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Full E-commerce Integration",
|
||||
"Marketing Automation",
|
||||
"Lifetime Priority Support",
|
||||
],
|
||||
id: "premium", tag: "Enterprise", price: "$3,499", period: "one-time", description: "For large-scale projects requiring comprehensive solutions and dedicated resources.", button: {
|
||||
text: "Select Premium", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Full E-commerce Integration", "Marketing Automation", "Lifetime Priority Support"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Pricing for Every Project"
|
||||
@@ -324,35 +192,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-winking_23-2148543300.jpg",
|
||||
imageAlt: "smiling businesswoman portrait professional",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-winking_23-2148543300.jpg", imageAlt: "smiling businesswoman portrait professional"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",
|
||||
imageAlt: "male tech executive smiling confident",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg", imageAlt: "male tech executive smiling confident"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg",
|
||||
imageAlt: "marketing director creative woman",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman-corporate-office-sitting-desk_482257-8055.jpg", imageAlt: "marketing director creative woman"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg",
|
||||
imageAlt: "product manager man serious look",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg", imageAlt: "product manager man serious look"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg",
|
||||
imageAlt: "female startup founder smiling",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/positive-mature-businessman-using-laptop-near-office-building_74855-3639.jpg", imageAlt: "female startup founder smiling"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Trusted Feedback"
|
||||
@@ -366,20 +214,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your website development process?",
|
||||
content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal.",
|
||||
},
|
||||
id: "q1", title: "What is your website development process?", content: "Our process typically involves discovery, planning, design, development, testing, and deployment, followed by ongoing support and maintenance to ensure your site remains optimal."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does it take to build a website?",
|
||||
content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation.",
|
||||
},
|
||||
id: "q2", title: "How long does it take to build a website?", content: "The timeline varies based on complexity and features. A basic site might take 4-6 weeks, while more complex projects can take several months. We provide a detailed timeline after the initial consultation."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer post-launch support?",
|
||||
content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly.",
|
||||
},
|
||||
id: "q3", title: "Do you offer post-launch support?", content: "Yes, we offer comprehensive post-launch support and maintenance packages. This includes security updates, performance monitoring, and content management to keep your website running smoothly."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to the most common questions about our services and process."
|
||||
@@ -391,14 +230,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Ready to Start Your Project? Reach Out Today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@webild.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:info@webild.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -410,54 +246,33 @@ export default function LandingPage() {
|
||||
logoText="Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Portfolio", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user