Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| af2f6d57fe | |||
| 9081e538e0 | |||
| 2fe5476b9d |
240
src/app/page.tsx
240
src/app/page.tsx
@@ -29,47 +29,33 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Work",
|
name: "Work", id: "work"},
|
||||||
id: "work",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "pricing"},
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Why Us",
|
name: "Why Us", id: "why-us"},
|
||||||
id: "why-us",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Forged Tech"
|
brandName="Forged Tech"
|
||||||
button={{
|
button={{
|
||||||
text: "Book a Call",
|
text: "Book a Call", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogo
|
<HeroLogo
|
||||||
logoText="Forged Tech"
|
logoText="Forged Tech"
|
||||||
description="Premium web design and development for ambitious brands. No templates. No shortcuts. Just results-driven digital experiences that grow your business."
|
description="Premium web design and development for ambitious brands. We craft high-converting digital ecosystems, custom-tailored to your unique business goals. No templates, no shortcuts—just results-driven experiences engineered for scale, speed, and seamless user interaction that turn casual visitors into loyal customers."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book a Call",
|
text: "Book a Call", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Our Work",
|
text: "View Our Work", href: "#work"},
|
||||||
href: "#work",
|
{
|
||||||
},
|
text: "Get a Quote", href: "#contact"},
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-landscape-flowing-dots_1048-13342.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-landscape-flowing-dots_1048-13342.jpg"
|
||||||
/>
|
/>
|
||||||
@@ -82,50 +68,24 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Conversion-Focused Design", subtitle: "Strategic UI/UX design that guides visitors toward action and maximizes conversion rates through rigorous testing.", category: "Design", value: "Optimize"},
|
||||||
title: "Conversion-Focused Design",
|
|
||||||
subtitle: "Strategic design that guides visitors toward action.",
|
|
||||||
category: "Design",
|
|
||||||
value: "Optimize",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Custom Development", subtitle: "Clean, scalable, and secure code built for peak performance, modern web standards, and cross-browser reliability.", category: "Development", value: "Build"},
|
||||||
title: "Custom Development",
|
|
||||||
subtitle: "Clean, scalable code built for performance.",
|
|
||||||
category: "Development",
|
|
||||||
value: "Build",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Growth Strategy", subtitle: "Data-driven insights and optimization roadmaps to ensure your business stays ahead of the competition.", category: "Growth", value: "Scale"},
|
||||||
title: "Growth Strategy",
|
|
||||||
subtitle: "Data-driven insights and optimization.",
|
|
||||||
category: "Growth",
|
|
||||||
value: "Scale",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "Brand Identity", subtitle: "Cohesive visual systems and messaging frameworks that define your market position and build lasting trust.", category: "Branding", value: "Tell"},
|
||||||
title: "Brand Identity",
|
|
||||||
subtitle: "Cohesive visual systems.",
|
|
||||||
category: "Branding",
|
|
||||||
value: "Tell",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", title: "SEO & Performance", subtitle: "Technical SEO, speed optimization, and content strategies designed to help you rank higher and load faster.", category: "SEO", value: "Boost"},
|
||||||
title: "SEO & Performance",
|
|
||||||
subtitle: "Rank higher, load faster.",
|
|
||||||
category: "SEO",
|
|
||||||
value: "Boost",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", title: "Ongoing Support", subtitle: "Dedicated long-term partnership, security maintenance, and iterative improvements as your business grows.", category: "Support", value: "Maintain"},
|
||||||
title: "Ongoing Support",
|
{
|
||||||
subtitle: "Long-term partnership.",
|
id: "7", title: "Mobile First", subtitle: "Seamless responsive experiences designed to shine on every screen size, from mobile to desktop.", category: "Responsive", value: "Adapt"},
|
||||||
category: "Support",
|
{
|
||||||
value: "Maintain",
|
id: "8", title: "Cloud Infrastructure", subtitle: "Secure and scalable hosting solutions to ensure your application stays online no matter the traffic.", category: "Cloud", value: "Secure"},
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Services"
|
title="Our Services"
|
||||||
description="End-to-end digital solutions designed to drive growth and maximize your ROI."
|
description="End-to-end digital solutions designed to drive growth, boost visibility, and maximize your ROI through high-impact engineering and design."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -136,58 +96,32 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "starter",
|
id: "starter", price: "$2,400", name: "Starter", features: [
|
||||||
price: "$2,400",
|
"Responsive Design", "Core SEO Setup", "Lead Contact Form", "2-Day Delivery", "Basic Analytics Integration", "Social Media Links"],
|
||||||
name: "Starter",
|
|
||||||
features: [
|
|
||||||
"Mobile Responsive Design",
|
|
||||||
"SEO Setup",
|
|
||||||
"Contact Form",
|
|
||||||
"2-Day Delivery",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Book a Meeting",
|
text: "Book a Meeting", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "pro",
|
id: "pro", price: "$3,500", name: "Pro", features: [
|
||||||
price: "$3,500",
|
"Advanced Animations", "Full SEO Strategy", "Blog/CMS Setup", "90-Day Support", "Performance Optimization", "Custom Integrations"],
|
||||||
name: "Pro",
|
|
||||||
features: [
|
|
||||||
"Advanced Animations",
|
|
||||||
"Full SEO",
|
|
||||||
"Blog Setup",
|
|
||||||
"90-Day Support",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Book a Meeting",
|
text: "Book a Meeting", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "custom",
|
id: "custom", price: "$6,500+", name: "Custom", features: [
|
||||||
price: "$6,500+",
|
"Custom API Connections", "Unlimited Revisions", "App Development", "Dedicated Project Manager", "E-commerce Functionality", "Full Brand Identity Kit"],
|
||||||
name: "Custom",
|
|
||||||
features: [
|
|
||||||
"Custom Functionality",
|
|
||||||
"API Connections",
|
|
||||||
"Unlimited Revisions",
|
|
||||||
],
|
|
||||||
buttons: [
|
buttons: [
|
||||||
{
|
{
|
||||||
text: "Book a Meeting",
|
text: "Book a Meeting", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Investment Plans"
|
title="Investment Plans"
|
||||||
description="Transparent pricing for every stage of growth."
|
description="Transparent, scalable pricing models designed for every stage of your business growth—from launch to market domination."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -198,49 +132,27 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah Mitchell", handle: "CEO, TechFlow", testimonial: "Forged Tech transformed our online presence. Our conversion rate saw a massive 45% lift in the first quarter alone!", rating: 5,
|
||||||
name: "Sarah Mitchell",
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg"},
|
||||||
handle: "CEO, TechFlow",
|
|
||||||
testimonial: "Forged Tech transformed our online presence. 45% conversion lift!",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Ahmad Khan", handle: "Founder, Pizza 7", testimonial: "The attention to detail and professional quality is unmatched. This has officially become our #1 sales channel.", rating: 5,
|
||||||
name: "Ahmad Khan",
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
|
||||||
handle: "Founder, Pizza 7",
|
|
||||||
testimonial: "Attention to detail and quality is unmatched. #1 sales channel.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emily Rodriguez", handle: "Marketing Director, Elevate Up", testimonial: "Best investment we've made this year. They don't just build websites; they build growth engines.", rating: 5,
|
||||||
name: "Emily Rodriguez",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg"},
|
||||||
handle: "Marketing Director, Elevate Up",
|
|
||||||
testimonial: "Best investment we've made. Build growth engines.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "David Kim", handle: "Founder, StartupXYZ", testimonial: "Finally found a team that actually understands business results, not just pretty design. Absolutely incredible.", rating: 5,
|
||||||
name: "David Kim",
|
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-businessman_23-2148825893.jpg"},
|
||||||
handle: "Founder, StartupXYZ",
|
|
||||||
testimonial: "The team understands business results.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-businessman_23-2148825893.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Jessica Lee", handle: "Director, GrowthCo", testimonial: "Unparalleled strategic insight and development speed. We delivered our product two weeks early.", rating: 5,
|
||||||
name: "Jessica Lee",
|
imageSrc: "http://img.b2bpic.net/free-photo/executive-with-good-future_1098-540.jpg"},
|
||||||
handle: "Director, GrowthCo",
|
{
|
||||||
testimonial: "Unparalleled strategic insight and speed.",
|
id: "6", name: "Marcus Thorne", handle: "CTO, CloudScale", testimonial: "The code quality is pristine. Our dev team had zero issues integrating the API endpoints built by Forged Tech.", rating: 5,
|
||||||
rating: 5,
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-glasses-grey-suit_114579-4552.jpg"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-with-good-future_1098-540.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
title="What Our Clients Say"
|
title="What Our Clients Say"
|
||||||
description="Real results from real partnerships."
|
description="Real results from real partnerships. See how we've helped ambitious brands redefine their digital future."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -248,14 +160,13 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
text="Ready to Transform Your Digital Presence? Book a free 30-minute strategy call with our team and let's turn your vision into high-performance reality."
|
||||||
text="Ready to Transform Your Digital Presence? Book a free 30-minute strategy call with our team."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book a Call",
|
text: "Book a Strategy Call", href: "#"},
|
||||||
href: "#",
|
{
|
||||||
},
|
text: "Email Us", href: "mailto:hello@forgedtech.com"},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -265,54 +176,41 @@ export default function LandingPage() {
|
|||||||
logoText="Forged Tech"
|
logoText="Forged Tech"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Our Work",
|
label: "Our Work", href: "#work"},
|
||||||
href: "#work",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Careers", href: "#"},
|
||||||
href: "#",
|
{
|
||||||
},
|
label: "Culture", href: "#"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Web Design",
|
label: "Web Design", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Development",
|
label: "Development", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Branding",
|
label: "Branding", href: "#services"},
|
||||||
href: "#services",
|
{
|
||||||
},
|
label: "SEO", href: "#services"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
{
|
||||||
},
|
label: "Security", href: "#"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2026 Forged Tech. All rights reserved."
|
copyrightText="© 2026 Forged Tech. All rights reserved. Scaling the next generation of digital excellence."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -11,13 +11,13 @@
|
|||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #000000;
|
--background: #000000;
|
||||||
--card: #1a2f1d;
|
--card: #0d1a0d;
|
||||||
--foreground: #ffffff;
|
--foreground: #ffffff;
|
||||||
--primary-cta: #ffffff;
|
--primary-cta: #80da9b;
|
||||||
--primary-cta-text: #0a1a0c;
|
--primary-cta-text: #0a1a0c;
|
||||||
--secondary-cta: #0d200f;
|
--secondary-cta: #1a2f1d;
|
||||||
--secondary-cta-text: #d4f6d8;
|
--secondary-cta-text: #d4f6d8;
|
||||||
--accent: #1a3d1f;
|
--accent: #355e3b;
|
||||||
--background-accent: #355e3b;
|
--background-accent: #355e3b;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
|
|||||||
Reference in New Issue
Block a user