Merge version_2 into main #3
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import { BarChart, Shield, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -65,21 +65,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Priority Support", description: "Get help when you need it most with our expert team.", icon: Shield,
|
||||
title: "Priority Support", description: "Get help when you need it most with our expert team.", icon: Shield,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663008.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Automated Workflows", description: "Streamlined maintenance pipelines for efficiency.", icon: Zap,
|
||||
title: "Automated Workflows", description: "Streamlined maintenance pipelines for efficiency.", icon: Zap,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Monthly Reports", description: "Stay in the loop with transparent progress tracking.", icon: BarChart,
|
||||
title: "Monthly Reports", description: "Stay in the loop with transparent progress tracking.", icon: BarChart,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businesman-technological-scene_1134-492.jpg" },
|
||||
@@ -122,16 +122,14 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
showRating={true}
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Game changer for my agency workflow.", imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970225.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Efficient and reliable maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Increased my capacity significantly.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Support that scales with our business.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-programmer-walking-through-apartment-thinking-how-solve-coding-issues_482257-104090.jpg" },
|
||||
{ id: "5", name: "Linda Wu", handle: "@lwu", testimonial: "Highest quality Webflow maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Game changer for my agency workflow.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970225.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Efficient and reliable maintenance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@erod", testimonial: "Increased my capacity significantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-crossed-arms-smiling_23-2148095677.jpg" },
|
||||
]}
|
||||
title="Loved by the community"
|
||||
description="Trusted by top agencies."
|
||||
@@ -139,40 +137,33 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqSplitMedia
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How does the trial work?", content: "Start your free trial risk-free." },
|
||||
{ id: "f2", title: "Can I upgrade anytime?", content: "Yes, upgrade your plan whenever needed." },
|
||||
{ id: "f3", title: "What Webflow sites are supported?", content: "We support all standard and CMS sites." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
sideDescription="Get quick answers to common questions about our services."
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our services."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Ready to scale?"
|
||||
description="Send us a message and we'll get you started today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104513.jpg"
|
||||
<ContactText
|
||||
text="Ready to take your design business to the next level? Get in touch today."
|
||||
buttons={[{ text: "Contact Support", href: "#contact" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Support", href: "#" }] },
|
||||
]}
|
||||
<FooterCard
|
||||
logoText="WebflowFlow"
|
||||
copyrightText="© 2025 | WebflowFlow"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user