Update src/app/page.tsx
This commit is contained in:
117
src/app/page.tsx
117
src/app/page.tsx
@@ -2,10 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
@@ -230,8 +232,7 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
@@ -241,81 +242,77 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "faq-3", title: "How do you ensure project success and client satisfaction?", content: "We prioritize clear communication, transparent project management, iterative feedback loops, and a dedicated team of experts to ensure every project meets and exceeds client expectations."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teamwork-developing-new-project-together_1098-21664.jpg"
|
||||
imageAlt="Developers brainstorming during a meeting"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our services, process, and partnership model. If you don't find what you're looking for, feel free to contact us directly."
|
||||
tag="Need Help?"
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find quick answers to common questions about our services, process, and partnership model. If you don't find what you're looking for, feel free to contact us directly."
|
||||
faqsAnimation="blur-reveal"
|
||||
tagAnimation="blur-reveal"
|
||||
textPosition="right"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support", href: "#contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Start Your Next Project?"
|
||||
description="Reach out to us today to discuss your development needs. Our team is eager to provide a custom solution that aligns perfectly with your business goals."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cybersecurity-concept-secure-data-transfer_23-2152001135.jpg"
|
||||
imageAlt="Abstract digital network visualization"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Send Inquiry"
|
||||
termsText="By submitting, you agree to our privacy policy and terms of service."
|
||||
tagAnimation="blur-reveal"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "subject", type: "text", placeholder: "Subject" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true
|
||||
}}
|
||||
onSubmit={(data) => console.log("Form data submitted:", data)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Web Development", href: "#features"},
|
||||
{
|
||||
label: "Mobile Apps", href: "#features"},
|
||||
{
|
||||
label: "Cloud Solutions", href: "#features"},
|
||||
{
|
||||
label: "AI/ML Integration", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team", href: "#team"},
|
||||
{
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterLogoEmphasis
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gw0frl"
|
||||
logoAlt="DevSolutions Logo"
|
||||
logoText="DevSolutions"
|
||||
copyrightText="© 2024 DevSolutions. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Web Development", href: "#features" },
|
||||
{ label: "Mobile Apps", href: "#features" },
|
||||
{ label: "Cloud Solutions", href: "#features" },
|
||||
{ label: "AI/ML Integration", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Team", href: "#team" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "© 2024 DevSolutions. All rights reserved.", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user