2 Commits

Author SHA1 Message Date
9081e538e0 Update src/app/styles/variables.css 2026-04-07 03:25:16 +00:00
2fe5476b9d Update src/app/page.tsx 2026-04-07 03:25:16 +00:00
2 changed files with 74 additions and 176 deletions

View File

@@ -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>

View File

@@ -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 */