bender/19233cb8-4f5b-4bce-ad93-e8bbbd372b87
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-02 23:46:45 +00:00
parent 6e5005a4f8
commit 1db66e348b
1 changed files with 58 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
src/app/page.tsx
View File

@@ -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,84 +242,80 @@ 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>
</ThemeProvider>
);
}
}