4 Commits

2 changed files with 53 additions and 29 deletions

View File

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
@@ -60,9 +60,9 @@ export default function LandingPage() {
imageAlt="Modern workspace with digital design tools"
mediaAnimation="slide-up"
marqueeItems={[
{ type: "text", text: "Award-Winning Design" },
{ type: "text", text: "Tech-Forward Solutions" },
{ type: "text", text: "Creative Excellence" }
{ type: "text", text: "Award-Winning Design", icon: "CheckCircle" },
{ type: "text", text: "Tech-Forward Solutions", icon: "Sparkles" },
{ type: "text", text: "Creative Excellence", icon: "ArrowRight" }
]}
marqueeSpeed={30}
showMarqueeCard={true}
@@ -97,32 +97,56 @@ export default function LandingPage() {
</div>
<div id="features-section" data-section="features-section">
<FeatureCardSix
title="Innovative Solutions for Modern Challenges"
description="We blend cutting-edge technology with thoughtful design to create digital experiences that inspire and engage. Our approach combines strategic thinking with creative execution to deliver results that exceed expectations."
tag="Our Process"
tagIcon={Sparkles}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
<FeatureCardNineteen
features={[
{
id: 1,
title: "Strategic Design Thinking", description: "We begin every project with deep research and user empathy to ensure our solutions address real needs and create meaningful impact.", imageSrc: "https://img.b2bpic.net/free-photo/working-process-boardroom_1098-15382.jpg", imageAlt: "Design thinking process illustration"
tag: "Discovery",
title: "Research & Strategy",
subtitle: "Understanding Your Vision",
description: "We conduct comprehensive research and strategic planning to understand your goals, target audience, and market landscape.",
imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
imageAlt: "Research and strategy phase"
},
{
id: 2,
title: "Seamless Digital Integration", description: "Our technical expertise ensures smooth implementation across platforms, delivering consistent experiences from concept to launch.", imageSrc: "https://img.b2bpic.net/free-vector/flat-artificial-intelligence-background_23-2147734663.jpg", imageAlt: "Digital integration workflow visualization"
tag: "Design",
title: "Creative Development",
subtitle: "Bringing Ideas to Life",
description: "Our design team creates innovative, user-centered solutions that balance aesthetics with functionality and performance.",
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg",
imageAlt: "Creative design development"
},
{
id: 3,
title: "Creative Problem Solving", description: "We approach challenges with fresh perspectives, turning complex problems into elegant solutions through innovation and craftsmanship.", imageSrc: "https://img.b2bpic.net/free-photo/side-view-hand-holding-paper-piece_23-2149930956.jpg", imageAlt: "Creative problem solving concept diagram"
tag: "Development",
title: "Technical Implementation",
subtitle: "Building with Excellence",
description: "We develop robust, scalable solutions using cutting-edge technologies and best practices to ensure optimal performance.",
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg",
imageAlt: "Technical development process"
},
{
id: 4,
tag: "Launch",
title: "Deployment & Support",
subtitle: "Going Live with Confidence",
description: "We manage seamless deployment and provide ongoing support to ensure your solution succeeds in the real world.",
imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930734.jpg",
imageAlt: "Launch and deployment phase"
}
]}
title="Our Process"
description="We follow a proven methodology that combines strategic thinking, creative excellence, and technical expertise to deliver exceptional results for every project."
tag="How We Work"
tagAnimation="slide-up"
buttons={[
{ text: "Explore Our Work", href: "#portfolio-section" }
{ text: "Start Your Project", href: "#contact-section", dataWebildId: "btn_process_cta" }
]}
buttonAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Our process timeline"
/>
</div>

View File

@@ -3,22 +3,22 @@
/* --vw is set by ThemeProvider */
/* --background: #f7f6f7;;
--card: #ffffff;;
--foreground: #1b0c25;;
--primary-cta: #1b0c25;;
--secondary-cta: #ffffff;;
--accent: #ff93e4;;
--background-accent: #e8a8c3;; */
--card: rgba(255, 255, 255, 0.7);;
--foreground: #0a1f3f;;
--primary-cta: rgba(10, 31, 63, 0.8);;
--secondary-cta: rgba(255, 255, 255, 0.9);;
--accent: #4a90e2;;
--background-accent: rgba(168, 197, 232, 0.6);; */
--background: #f7f6f7;;
--card: #ffffff;;
--foreground: #1b0c25;;
--primary-cta: #1b0c25;;
--background: #f0f4f9;;
--card: rgba(255, 255, 255, 0.7);;
--foreground: #0a1f3f;;
--primary-cta: rgba(10, 31, 63, 0.8);;
--primary-cta-text: #f7f6f7;;
--secondary-cta: #ffffff;;
--secondary-cta: rgba(255, 255, 255, 0.9);;
--secondary-cta-text: #1b0c25;;
--accent: #ff93e4;;
--background-accent: #e8a8c3;;
--accent: #4a90e2;;
--background-accent: rgba(168, 197, 232, 0.6);;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);