Merge version_1 into main #1
131
src/app/page.tsx
131
src/app/page.tsx
@@ -28,80 +28,49 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="tooks.in"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Build a High-Performance Digital Presence"
|
||||
description="At tooks.in, we specialize in building responsive, SEO-optimized websites and high-converting marketing campaigns that drive real results for your business."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901782.jpg",
|
||||
alt: "Client Testimonials",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901782.jpg", alt: "Client Testimonials"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/development-with-abstract-background_1134-414.jpg",
|
||||
alt: "Client Testimonial 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/development-with-abstract-background_1134-414.jpg", alt: "Client Testimonial 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124249.jpg",
|
||||
alt: "Client Testimonial 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-124249.jpg", alt: "Client Testimonial 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/development-opportunity-strategy-improvement-word_53876-13771.jpg",
|
||||
alt: "Client Testimonial 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/development-opportunity-strategy-improvement-word_53876-13771.jpg", alt: "Client Testimonial 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/programming-code-with-laptop-background_1134-61.jpg",
|
||||
alt: "Client Testimonial 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/programming-code-with-laptop-background_1134-61.jpg", alt: "Client Testimonial 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Web Development",
|
||||
},
|
||||
type: "text", text: "Web Development"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Google Ads",
|
||||
},
|
||||
type: "text", text: "Google Ads"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Social Media Marketing",
|
||||
},
|
||||
type: "text", text: "Social Media Marketing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimization",
|
||||
},
|
||||
type: "text", text: "SEO Optimization"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Strategy",
|
||||
},
|
||||
type: "text", text: "Digital Strategy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,14 +80,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Approach",
|
||||
},
|
||||
type: "text", content: "Our Approach"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/multiethnic-tech-venture-company-securing-funding-pioneering-software_482257-125200.jpg",
|
||||
alt: "About Tooks.in",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/multiethnic-tech-venture-company-securing-funding-pioneering-software_482257-125200.jpg", alt: "About Tooks.in"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,26 +94,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Website Development",
|
||||
description: "High-performance, responsive websites built with conversion-focused strategy.",
|
||||
tag: "Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-laptop-front-data-center-workers-calibrating-energy-usage_482257-117976.jpg",
|
||||
},
|
||||
id: "s1", title: "Website Development", description: "High-performance, responsive websites built with conversion-focused strategy.", tag: "Development", imageSrc: "http://img.b2bpic.net/free-photo/mockup-laptop-front-data-center-workers-calibrating-energy-usage_482257-117976.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Google Ads Management",
|
||||
description: "High-converting ad campaigns optimized for ROI and qualified lead generation.",
|
||||
tag: "Paid Ads",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-man-working-his-laptop-looking-work-report-graphs_662251-2165.jpg",
|
||||
},
|
||||
id: "s2", title: "Google Ads Management", description: "High-converting ad campaigns optimized for ROI and qualified lead generation.", tag: "Paid Ads", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-man-working-his-laptop-looking-work-report-graphs_662251-2165.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Social Media Marketing",
|
||||
description: "Strategic content creation that builds brand awareness and engagement.",
|
||||
tag: "SMM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-giving-business-presentation-using-high-technology-digital-pen_53876-104783.jpg",
|
||||
},
|
||||
id: "s3", title: "Social Media Marketing", description: "Strategic content creation that builds brand awareness and engagement.", tag: "SMM", imageSrc: "http://img.b2bpic.net/free-photo/man-giving-business-presentation-using-high-technology-digital-pen_53876-104783.jpg"},
|
||||
]}
|
||||
title="Our Digital Services"
|
||||
description="Everything you need to scale your online presence, from development to marketing."
|
||||
@@ -161,14 +110,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google",
|
||||
"Meta",
|
||||
"Amazon",
|
||||
"Microsoft",
|
||||
"Salesforce",
|
||||
"Shopify",
|
||||
"HubSpot",
|
||||
]}
|
||||
"Google", "Meta", "Amazon", "Microsoft", "Salesforce", "Shopify", "HubSpot"]}
|
||||
title="Trusted by Growing Businesses"
|
||||
description="We partner with brands to deliver exceptional digital experiences and results."
|
||||
/>
|
||||
@@ -178,8 +120,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready to Scale Your Business?"
|
||||
description="Get a free audit of your current digital presence and discover how we can help you grow."
|
||||
@@ -191,33 +132,21 @@ export default function LandingPage() {
|
||||
logoText="tooks.in"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Web Development",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Web Development", href: "#services"},
|
||||
{
|
||||
label: "Google Ads",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Google Ads", href: "#services"},
|
||||
{
|
||||
label: "Social Media",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Social Media", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user