Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -31,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Request a Quote", href: "#contact"}}
|
||||
brandName="MODERN SOLUTIONS SOFT"
|
||||
/>
|
||||
</div>
|
||||
@@ -66,47 +52,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Custom Business Software Development for UK Companies"
|
||||
description="We design and develop tailored software solutions, CRM systems and automation tools that help businesses operate more efficiently and scale faster."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/a-modern-software-dashboard-interface-wi-1774302398742-9fa921e4.png",
|
||||
imageAlt: "Modern software dashboard",
|
||||
},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/a-modern-software-dashboard-interface-wi-1774302398742-9fa921e4.png", imageAlt: "Modern software dashboard"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/developers-collaborating-in-a-contempora-1774302397218-290d0c92.png",
|
||||
imageAlt: "Developers collaborating",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/developers-collaborating-in-a-contempora-1774302397218-290d0c92.png", imageAlt: "Developers collaborating"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/an-abstract-representation-of-secure-dat-1774302397121-75e6db6c.png",
|
||||
imageAlt: "Abstract data network",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/an-abstract-representation-of-secure-dat-1774302397121-75e6db6c.png", imageAlt: "Abstract data network"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/a-close-up-of-a-hand-interacting-with-a--1774302398080-77d77bd7.png",
|
||||
imageAlt: "Holographic UI interaction",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/a-close-up-of-a-hand-interacting-with-a--1774302398080-77d77bd7.png", imageAlt: "Holographic UI interaction"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/a-ui-ux-designer-working-on-a-tablet-wit-1774302397430-bf3d02b0.png",
|
||||
imageAlt: "UI/UX designer working on tablet",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/a-ui-ux-designer-working-on-a-tablet-wit-1774302397430-bf3d02b0.png", imageAlt: "UI/UX designer working on tablet"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/rows-of-server-racks-in-a-dimly-lit-data-1774302396958-b481212e.png",
|
||||
imageAlt: "Server racks in data center",
|
||||
},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/rows-of-server-racks-in-a-dimly-lit-data-1774302396958-b481212e.png", imageAlt: "Server racks in data center"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -120,29 +85,19 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Tailored Solutions",
|
||||
value: "Custom Fit",
|
||||
},
|
||||
label: "Tailored Solutions", value: "Custom Fit"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Experienced Team",
|
||||
value: "Expert Developers",
|
||||
},
|
||||
label: "Expert Team", value: "Our Experts"},
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "Scalable Systems",
|
||||
value: "Future-Proof",
|
||||
},
|
||||
label: "Scalable Systems", value: "Future-Proof"},
|
||||
{
|
||||
icon: LifeBuoy,
|
||||
label: "Ongoing Support",
|
||||
value: "Reliable Help",
|
||||
},
|
||||
label: "Ongoing Support", value: "Reliable Help"},
|
||||
{
|
||||
icon: Flag,
|
||||
label: "UK-Based Company",
|
||||
value: "Local Partner",
|
||||
},
|
||||
label: "UK Based", value: "Local Partner"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -155,45 +110,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "custom-software",
|
||||
title: "Custom Business Software Development",
|
||||
description: "We develop tailored software systems designed specifically for your business operations and workflow.",
|
||||
tag: "Software",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/an-illustration-depicting-tailored-softw-1774302396916-de41d0e9.png",
|
||||
imageAlt: "Custom Business Software",
|
||||
},
|
||||
id: "custom-software", title: "Custom Business Software Development", description: "We develop tailored software systems designed specifically for your business operations and workflow.", tag: "Software", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/an-illustration-depicting-tailored-softw-1774302396916-de41d0e9.png", imageAlt: "Custom Business Software"},
|
||||
{
|
||||
id: "crm-development",
|
||||
title: "CRM System Development",
|
||||
description: "We design and build custom CRM systems to manage clients, sales pipelines and internal processes.",
|
||||
tag: "CRM",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/an-illustration-of-a-crm-system-interfac-1774302397635-b20eaa98.png",
|
||||
imageAlt: "CRM System Development",
|
||||
},
|
||||
id: "crm-development", title: "CRM System Development", description: "We design and build custom CRM systems to manage clients, sales pipelines and internal processes.", tag: "CRM", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/an-illustration-of-a-crm-system-interfac-1774302397635-b20eaa98.png", imageAlt: "CRM System Development"},
|
||||
{
|
||||
id: "workflow-automation",
|
||||
title: "Workflow Automation",
|
||||
description: "We automate repetitive business processes to save time, reduce errors and improve efficiency.",
|
||||
tag: "Automation",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/an-illustration-showing-a-seamless-flow--1774302396757-daa60afe.png",
|
||||
imageAlt: "Workflow Automation",
|
||||
},
|
||||
id: "workflow-automation", title: "Workflow Automation", description: "We automate repetitive business processes to save time, reduce errors and improve efficiency.", tag: "Automation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/an-illustration-showing-a-seamless-flow--1774302396757-daa60afe.png", imageAlt: "Workflow Automation"},
|
||||
{
|
||||
id: "system-integration",
|
||||
title: "System Integration",
|
||||
description: "We integrate your existing tools, accounting software, CRM and third-party platforms into one streamlined system.",
|
||||
tag: "Integration",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/an-illustration-representing-system-inte-1774302397964-7976d2dc.png",
|
||||
imageAlt: "System Integration",
|
||||
},
|
||||
id: "system-integration", title: "System Integration", description: "We integrate your existing tools, accounting software, CRM and third-party platforms into one streamlined system.", tag: "Integration", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMSSJfRieWFFkMaEPPDutCXpQI/an-illustration-representing-system-inte-1774302397964-7976d2dc.png", imageAlt: "System Integration"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="We offer a comprehensive range of software development services to help your business thrive."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -206,25 +135,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "step-1",
|
||||
value: "1",
|
||||
description: "**Consultation**\nWe discuss your business needs and project requirements.",
|
||||
},
|
||||
id: "step-1", value: "1", description: "**Consultation**\nWe discuss your business needs and project requirements."},
|
||||
{
|
||||
id: "step-2",
|
||||
value: "2",
|
||||
description: "**Planning**\nWe create a detailed development plan and system architecture.",
|
||||
},
|
||||
id: "step-2", value: "2", description: "**Planning**\nWe create a detailed development plan and system architecture."},
|
||||
{
|
||||
id: "step-3",
|
||||
value: "3",
|
||||
description: "**Development**\nOur expert team develops and rigorously tests your software solution.",
|
||||
},
|
||||
id: "step-3", value: "3", description: "**Development**\nOur expert team develops and rigorously tests your software solution."},
|
||||
{
|
||||
id: "step-4",
|
||||
value: "4",
|
||||
description: "**Launch & Support**\nWe deploy the system, provide training, and offer ongoing support.",
|
||||
},
|
||||
id: "step-4", value: "4", description: "**Launch & Support**\nWe deploy the system, provide training, and offer ongoing support."},
|
||||
]}
|
||||
title="Our Efficient Development Process"
|
||||
description="We follow a clear and efficient process to deliver exceptional software solutions."
|
||||
@@ -238,60 +155,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Value",
|
||||
badgeIcon: Sparkles,
|
||||
price: "£1,500",
|
||||
subtitle: "Small business software solution",
|
||||
buttons: [
|
||||
id: "starter", badge: "Value", badgeIcon: Sparkles,
|
||||
price: "£1,500", subtitle: "Small business software solution", buttons: [
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Basic CRM or automation",
|
||||
"Up to 2 features/modules",
|
||||
"Delivery 2–4 weeks",
|
||||
],
|
||||
"Basic CRM or automation", "Up to 2 features/modules", "Delivery 2–4 weeks"],
|
||||
},
|
||||
{
|
||||
id: "business",
|
||||
badge: "Popular",
|
||||
badgeIcon: Shield,
|
||||
price: "£4,000",
|
||||
subtitle: "Custom business system",
|
||||
buttons: [
|
||||
id: "business", badge: "Popular", badgeIcon: Shield,
|
||||
price: "£4,000", subtitle: "Custom business system", buttons: [
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"CRM + automation",
|
||||
"Up to 5 modules",
|
||||
"Integration with existing tools",
|
||||
"Delivery 4–8 weeks",
|
||||
],
|
||||
"CRM + automation", "Up to 5 modules", "Integration with existing tools", "Delivery 4–8 weeks"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Premium",
|
||||
badgeIcon: Zap,
|
||||
price: "£9,000",
|
||||
subtitle: "Advanced custom software",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Premium", badgeIcon: Zap,
|
||||
price: "£9,000", subtitle: "Advanced custom software", buttons: [
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full business process automation",
|
||||
"API integrations",
|
||||
"Ongoing support",
|
||||
"Custom timeline",
|
||||
],
|
||||
"Full business process automation", "API integrations", "Ongoing support", "Custom timeline"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing Plans"
|
||||
@@ -305,22 +193,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What are your business hours?",
|
||||
content: "Our office is open Monday – Friday, 9:00 – 17:00 GMT. We are closed on weekends.",
|
||||
},
|
||||
id: "faq-1", title: "What are your business hours?", content: "Our office is open Monday – Friday, 9:00 – 17:00 GMT. We are closed on weekends."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Where is your office located?",
|
||||
content: "Our registered office is at 71-75 Shelton Street, Covent Garden, London, WC2H 9JQ, United Kingdom.",
|
||||
},
|
||||
id: "faq-2", title: "Where is your office located?", content: "Our registered office is at 71-75 Shelton Street, Covent Garden, London, WC2H 9JQ, United Kingdom."},
|
||||
]}
|
||||
ctaTitle="Let's Build Your Solution Together"
|
||||
ctaDescription="Ready to discuss your custom software needs? Contact MODERN SOLUTIONS SOFT today for a free consultation. Our UK-based team is here to help."
|
||||
ctaButton={{
|
||||
text: "Send Message",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Send Message", href: "#"}}
|
||||
ctaIcon={Mail}
|
||||
/>
|
||||
</div>
|
||||
@@ -329,37 +209,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "71-75 Shelton Street, Covent Garden, London, WC2H 9JQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "71-75 Shelton Street, Covent Garden, London, WC2H 9JQ", href: "#"},
|
||||
{
|
||||
label: "info@modernsolutionssoft.co.uk",
|
||||
href: "mailto:info@modernsolutionssoft.co.uk",
|
||||
},
|
||||
label: "info@modernsolutionssoft.co.uk", href: "mailto:info@modernsolutionssoft.co.uk"},
|
||||
{
|
||||
label: "+44 20 7946 0857",
|
||||
href: "tel:+442079460857",
|
||||
},
|
||||
label: "+44 20 7946 0857", href: "tel:+442079460857"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms & Conditions", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -370,4 +236,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user