Update src/app/page.tsx
This commit is contained in:
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,49 +32,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Rocketman Computers"
|
||||
button={{
|
||||
text: "Get Support",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Support", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Rocketman Computers"
|
||||
description="Blasting your hardware performance into orbit with premium sales, expert repairs, and elite custom builds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Contact Support", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8213.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8213.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -83,21 +61,10 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Expert Repairs & Custom Builds",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105485.jpg",
|
||||
alt: "Custom PC",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Services",
|
||||
},
|
||||
{ type: "text", content: "Expert Repairs & Custom Builds" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105485.jpg", alt: "Custom PC" }
|
||||
]}
|
||||
buttons={[{ text: "View Our Services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -108,29 +75,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Diagnostics",
|
||||
description: "Rapid troubleshooting using advanced analytical tools.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7931.jpg",
|
||||
imageAlt: "Abstract blur shopping mall",
|
||||
title: "Fast Diagnostics", description: "Rapid troubleshooting using advanced analytical tools.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Custom Builds",
|
||||
description: "Tailored performance machines designed for your needs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Database,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8213.jpg?_wi=2",
|
||||
imageAlt: "Abstract blur shopping mall",
|
||||
title: "Custom Builds", description: "Tailored performance machines designed for your needs.", bentoComponent: "reveal-icon", icon: Database,
|
||||
},
|
||||
{
|
||||
title: "Secure Data",
|
||||
description: "High-level recovery and protection services for all data.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105485.jpg",
|
||||
imageAlt: "Abstract blur shopping mall",
|
||||
},
|
||||
title: "Secure Data", description: "High-level recovery and protection services for all data.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
}
|
||||
]}
|
||||
title="Why Rocketman?"
|
||||
description="We combine aerospace-grade precision with consumer accessibility to deliver the best computing experience."
|
||||
@@ -139,46 +91,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Workstation Laptop",
|
||||
price: "$1,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994372.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Performance Processor",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-electronic-circuit-board-with-cpu-microchip-electronic-components-background_1387-811.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mechanical Keyboard Pro",
|
||||
price: "$159",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-keyboard-desk_23-2149680267.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "4K Ultra Monitor",
|
||||
price: "$699",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-manager-writing-diagrams-data-computer-creating-official-marketing-report-e-commerce-development-young-employee-planning-financial-project-with-statistics-night-close-up_482257-65001.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Enterprise Server Unit",
|
||||
price: "$2,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wheelchair-coworker-doing-tasks-data-center_482257-94442.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Graphics Processor Card",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529410.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Pro Workstation Laptop", price: "$1,499", imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994372.jpg" },
|
||||
{ id: "p2", name: "Performance Processor", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/closeup-electronic-circuit-board-with-cpu-microchip-electronic-components-background_1387-811.jpg" },
|
||||
{ id: "p3", name: "Mechanical Keyboard Pro", price: "$159", imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-keyboard-desk_23-2149680267.jpg" }
|
||||
]}
|
||||
title="Premium Gear"
|
||||
description="Hardware curated for peak performance."
|
||||
@@ -192,46 +112,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Graphic Designer",
|
||||
company: "Creative Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Senior Dev",
|
||||
company: "Dev Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-using-computer-plan-financial-analysis-with-business-charts-statistics-working-online-network-economy-growth-office-employee-planning-growth-strategy-close-up_482257-40931.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Startup Owner",
|
||||
company: "Innovate Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-communicating-with-coworker-while-working-office_637285-1047.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
role: "Gaming Influencer",
|
||||
company: "Streamer Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120604.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rachel Adams",
|
||||
role: "Architect",
|
||||
company: "Urban Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Graphic Designer", company: "Creative Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg" },
|
||||
{ id: "2", name: "John Doe", role: "Senior Dev", company: "Dev Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-freelancer-using-computer-plan-financial-analysis-with-business-charts-statistics-working-online-network-economy-growth-office-employee-planning-growth-strategy-close-up_482257-40931.jpg" },
|
||||
{ id: "3", name: "Emily Chen", role: "Startup Owner", company: "Innovate Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-communicating-with-coworker-while-working-office_637285-1047.jpg" }
|
||||
]}
|
||||
title="Trusted by Pros"
|
||||
description="See why local professionals and gamers count on us."
|
||||
@@ -244,27 +127,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Devices Repaired",
|
||||
description: "Successfully restored to original performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904330.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
description: "Always here to troubleshoot your issues.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-fixing-errors-affecting-servers-performance_482257-115381.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Client Satisfaction",
|
||||
description: "Consistently rated by happy computer users.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1500+", title: "Devices Repaired", description: "Successfully restored to original performance.", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904330.jpg" },
|
||||
{ id: "m2", value: "24/7", title: "Support Availability", description: "Always here to troubleshoot your issues.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-fixing-errors-affecting-servers-performance_482257-115381.jpg" },
|
||||
{ id: "m3", value: "99.9%", title: "Client Satisfaction", description: "Consistently rated by happy computer users.", imageSrc: "http://img.b2bpic.net/free-photo/sales-graph-tablet-screen_1262-3819.jpg" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that speak for our rocket-speed service."
|
||||
@@ -276,21 +141,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long do repairs take?",
|
||||
content: "Most simple issues are resolved within 24 hours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer warranty?",
|
||||
content: "Yes, all our services and builds carry a 12-month warranty.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I trade in old hardware?",
|
||||
content: "Absolutely, we buy and recycle old computer components.",
|
||||
},
|
||||
{ id: "f1", title: "How long do repairs take?", content: "Most simple issues are resolved within 24 hours." },
|
||||
{ id: "f2", title: "Do you offer warranty?", content: "Yes, all our services and builds carry a 12-month warranty." },
|
||||
{ id: "f3", title: "Can I trade in old hardware?", content: "Absolutely, we buy and recycle old computer components." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our repair and sales process."
|
||||
@@ -304,23 +157,10 @@ export default function LandingPage() {
|
||||
title="Ready for Blast Off?"
|
||||
description="Reach out for consultations or support inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workshop_23-2147773401.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -330,32 +170,17 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
{ label: "Services", href: "#about" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Support", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Rocketman Computers"
|
||||
/>
|
||||
@@ -363,4 +188,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user