Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -29,87 +29,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="TechStars"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Architects of Digital Innovation"
|
||||
description="TechStars Web Design crafts modern, high-performance websites that elevate your brand and drive results. Experience the perfect blend of aesthetic design and technical precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Your Project", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg"
|
||||
imageAlt="Abstract tech network visualization"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-senior-man-posing-white-shirt_23-2149488012.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-young-man-holding-tablet-mock-up_23-2148326968.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-senior-man-posing-white-shirt_23-2149488012.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-young-man-holding-tablet-mock-up_23-2148326968.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ global brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "User Centric Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Codebase",
|
||||
},
|
||||
{ type: "text", text: "High Performance" },
|
||||
{ type: "text", text: "Scalable Infrastructure" },
|
||||
{ type: "text", text: "User Centric Design" },
|
||||
{ type: "text", text: "SEO Optimized" },
|
||||
{ type: "text", text: "Secure Codebase" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,20 +73,11 @@ export default function LandingPage() {
|
||||
title="Why TechStars?"
|
||||
description="We don't just build sites; we engineer digital experiences. Our team leverages cutting-edge technology to ensure your online presence is fast, secure, and uniquely yours."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Rapid Performance",
|
||||
description: "Optimized code for blazing fast load times.",
|
||||
},
|
||||
{
|
||||
title: "Modern Design",
|
||||
description: "Stunning aesthetics tailored to your vision.",
|
||||
},
|
||||
{
|
||||
title: "Scalable Solutions",
|
||||
description: "Future-proof architecture that grows with you.",
|
||||
},
|
||||
{ title: "Rapid Performance", description: "Optimized code for blazing fast load times." },
|
||||
{ title: "Modern Design", description: "Stunning aesthetics tailored to your vision." },
|
||||
{ title: "Scalable Solutions", description: "Future-proof architecture that grows with you." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994337.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994337.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -146,55 +89,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "UI/UX Strategy",
|
||||
description: "User-centric designs that prioritize conversion.",
|
||||
icon: Smartphone,
|
||||
title: "UI/UX Strategy", description: "User-centric designs that prioritize conversion.", icon: Smartphone,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg?_wi=2",
|
||||
imageAlt: "UI design example",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg?_wi=3",
|
||||
imageAlt: "User research diagram",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg?_wi=4",
|
||||
imageAlt: "digital network abstract background",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg", imageAlt: "UI design example" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg", imageAlt: "User research diagram" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "E-Commerce Engines",
|
||||
description: "Scalable storefronts to sell your vision.",
|
||||
icon: ShoppingCart,
|
||||
title: "E-Commerce Engines", description: "Scalable storefronts to sell your vision.", icon: ShoppingCart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg?_wi=5",
|
||||
imageAlt: "E-commerce dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg?_wi=6",
|
||||
imageAlt: "Payment checkout flow",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994337.jpg?_wi=2",
|
||||
imageAlt: "developer working in office",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg", imageAlt: "E-commerce dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg", imageAlt: "Payment checkout flow" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "App Development",
|
||||
description: "Robust applications built on modern frameworks.",
|
||||
icon: Code,
|
||||
title: "App Development", description: "Robust applications built on modern frameworks.", icon: Code,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg?_wi=7",
|
||||
imageAlt: "App UI screen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg?_wi=8",
|
||||
imageAlt: "Mobile integration view",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg?_wi=1",
|
||||
imageAlt: "business executive portrait professional",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg", imageAlt: "App UI screen" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/abstract-futuristic-background_23-2148421513.jpg", imageAlt: "Mobile integration view" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
@@ -208,41 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "TechStars transformed our vision into a digital masterpiece. Truly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Performance has skyrocketed since we switched. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elise Chen",
|
||||
handle: "@echen",
|
||||
testimonial: "The design process was collaborative and the output is simply phenomenal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-senior-man-posing-white-shirt_23-2149488012.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Varga",
|
||||
handle: "@dvarga",
|
||||
testimonial: "Exceptional communication and attention to detail. Great partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-man-holding-tablet-mock-up_23-2148326968.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "A complete game changer for our online business trajectory.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "TechStars transformed our vision into a digital masterpiece. Truly professional.", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg" },
|
||||
{ id: "2", name: "Marcus Thorne", handle: "@mthorne", testimonial: "Performance has skyrocketed since we switched. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg" },
|
||||
{ id: "3", name: "Elise Chen", handle: "@echen", testimonial: "The design process was collaborative and the output is simply phenomenal.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-senior-man-posing-white-shirt_23-2149488012.jpg" },
|
||||
{ id: "4", name: "David Varga", handle: "@dvarga", testimonial: "Exceptional communication and attention to detail. Great partners.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-young-man-holding-tablet-mock-up_23-2148326968.jpg" },
|
||||
{ id: "5", name: "Jane Doe", handle: "@jdoe", testimonial: "A complete game changer for our online business trajectory.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg" },
|
||||
]}
|
||||
title="Voices of Success"
|
||||
description="See why industry leaders trust TechStars with their digital footprint."
|
||||
@@ -252,16 +135,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "cell-wave",
|
||||
}}
|
||||
background={{ variant: "cell-wave" }}
|
||||
text="Ready to launch your vision? Let's discuss your next project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:hello@techstars.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "mailto:hello@techstars.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -269,32 +145,8 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technology-green-lines-background_1017-3200.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="TechStars"
|
||||
copyrightText="© 2025 TechStars Web Design"
|
||||
|
||||
Reference in New Issue
Block a user