Merge version_2 into main #2
216
src/app/page.tsx
216
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Xooq Digital"
|
||||
/>
|
||||
@@ -58,39 +50,23 @@ export default function LandingPage() {
|
||||
description="Building the future of digital experiences with precision, innovation, and design excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Services", href: "#features"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pc-display-startup-office-desk-showing-programming-languages_482257-120128.jpg?_wi=1",
|
||||
imageAlt: "Digital creative space",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pc-display-startup-office-desk-showing-programming-languages_482257-120128.jpg?_wi=1", imageAlt: "Digital creative space"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-happy-smilin_1258-126782.jpg?_wi=1",
|
||||
imageAlt: "Modern digital workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-happy-smilin_1258-126782.jpg?_wi=1", imageAlt: "Modern digital workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-feedback-concept-with-hand-holding-ball_23-2150030243.jpg",
|
||||
imageAlt: "Geometric tech abstract",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-feedback-concept-with-hand-holding-ball_23-2150030243.jpg", imageAlt: "Geometric tech abstract"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-it-workers-using-green-screen-computer_482257-123979.jpg",
|
||||
imageAlt: "Team brainstorming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-it-workers-using-green-screen-computer_482257-123979.jpg", imageAlt: "Team brainstorming"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
|
||||
imageAlt: "UI interface prototype",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "UI interface prototype"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-repairman-using-tablet-analyze-iot-sensors-data_482257-126203.jpg",
|
||||
imageAlt: "Digital network abstract",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-repairman-using-tablet-analyze-iot-sensors-data_482257-126203.jpg", imageAlt: "Digital network abstract"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
/>
|
||||
@@ -103,9 +79,7 @@ export default function LandingPage() {
|
||||
title="Empowering brands through data-driven digital strategy and creative excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,35 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Web Design",
|
||||
tags: [
|
||||
"Creative",
|
||||
"Modern",
|
||||
],
|
||||
imageAlt: "Web design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-friends-embracing-looking-camera_1262-4706.jpg",
|
||||
},
|
||||
id: "1", title: "Web Design", tags: [
|
||||
"Creative", "Modern"],
|
||||
imageAlt: "Web design", imageSrc: "http://img.b2bpic.net/free-photo/business-friends-embracing-looking-camera_1262-4706.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "SEO Optimization",
|
||||
tags: [
|
||||
"Search",
|
||||
"Growth",
|
||||
],
|
||||
imageAlt: "SEO optimization",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pc-display-startup-office-desk-showing-programming-languages_482257-120128.jpg?_wi=2",
|
||||
},
|
||||
id: "2", title: "SEO Optimization", tags: [
|
||||
"Search", "Growth"],
|
||||
imageAlt: "SEO optimization", imageSrc: "http://img.b2bpic.net/free-photo/pc-display-startup-office-desk-showing-programming-languages_482257-120128.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Brand Strategy",
|
||||
tags: [
|
||||
"Identity",
|
||||
"Market",
|
||||
],
|
||||
imageAlt: "Brand strategy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-happy-smilin_1258-126782.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Brand Strategy", tags: [
|
||||
"Identity", "Market"],
|
||||
imageAlt: "Brand strategy", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-happy-smilin_1258-126782.jpg?_wi=2"},
|
||||
]}
|
||||
title="Our Digital Services"
|
||||
description="End-to-end solutions for the digital age, tailored to your growth goals."
|
||||
@@ -159,31 +115,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Delivered projects",
|
||||
"Client satisfaction",
|
||||
],
|
||||
id: "m1", value: "150+", title: "Projects Completed", items: [
|
||||
"Delivered projects", "Client satisfaction"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20%",
|
||||
title: "Avg Growth",
|
||||
items: [
|
||||
"Growth metrics",
|
||||
"Performance",
|
||||
],
|
||||
id: "m2", value: "20%", title: "Avg Growth", items: [
|
||||
"Growth metrics", "Performance"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Active Clients",
|
||||
items: [
|
||||
"Long-term partners",
|
||||
"Trust",
|
||||
],
|
||||
id: "m3", value: "50+", title: "Active Clients", items: [
|
||||
"Long-term partners", "Trust"],
|
||||
},
|
||||
]}
|
||||
title="The Impact We Deliver"
|
||||
@@ -196,14 +137,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"TechVision",
|
||||
"GlobalMedia",
|
||||
"ApexSoft",
|
||||
"DigitalNext",
|
||||
]}
|
||||
"InnovateLab", "GrowthCo", "StartupXYZ", "TechVision", "GlobalMedia", "ApexSoft", "DigitalNext"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Partnering with global brands to drive meaningful change."
|
||||
/>
|
||||
@@ -216,45 +150,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Xooq transformed our digital presence completely.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Xooq transformed our digital presence completely.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael C.",
|
||||
handle: "@mikec",
|
||||
testimonial: "Their strategy is second to none in the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael C.", handle: "@mikec", testimonial: "Their strategy is second to none in the industry.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Professional, creative, and always on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Professional, creative, and always on time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Fantastic results and data-driven insights.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg",
|
||||
},
|
||||
id: "t4", name: "David K.", handle: "@davidk", testimonial: "Fantastic results and data-driven insights.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa M.",
|
||||
handle: "@lisam",
|
||||
testimonial: "True partners in our growth journey.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-people-office-2_1262-1479.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa M.", handle: "@lisam", testimonial: "True partners in our growth journey.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-people-office-2_1262-1479.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success Stories"
|
||||
@@ -268,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Book a discovery call through our contact form.",
|
||||
},
|
||||
id: "q1", title: "How do we start?", content: "Book a discovery call through our contact form."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the timeline?",
|
||||
content: "Timelines vary depending on project complexity.",
|
||||
},
|
||||
id: "q2", title: "What is the timeline?", content: "Timelines vary depending on project complexity."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide support?",
|
||||
content: "Yes, we provide ongoing maintenance services.",
|
||||
},
|
||||
id: "q3", title: "Do you provide support?", content: "Yes, we provide ongoing maintenance services."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get quick answers to typical queries about our process."
|
||||
@@ -296,16 +196,10 @@ export default function LandingPage() {
|
||||
description="Ready to scale your business? Let's talk strategy."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg"
|
||||
@@ -316,29 +210,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#",
|
||||
},
|
||||
label: "Design", href: "#"},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "#",
|
||||
},
|
||||
label: "SEO", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1f3251;
|
||||
--background: #fafffb;
|
||||
--card: #f7fffa;
|
||||
--foreground: #001a0a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #15479c;
|
||||
--background-accent: #a8cce8;
|
||||
--accent: #a8d9be;
|
||||
--background-accent: #6bbf8e;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user