bender/fc637992-2f77-4fa1-ac0a-bec2411c1fa1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-21 01:13:24 +00:00
parent ff1fc43ed5
commit 4d38cd9e44
1 changed files with 34 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Pricing",
id: "pricing",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Drift Digital"
/>
@@ -55,39 +43,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Professional websites. Built fast. Priced fair."
description="Get your business online in 48 hours with a clean, mobile-friendly website designed to convert. No long contracts, no hidden fees—just honest web builds for Australian small business."
tag="Ready for your business?"
buttons={[
{
text: "Get Your Free Homepage Mockup",
href: "#contact",
},
]}
buttons={[{ text: "Get Your Free Homepage Mockup", href: "#contact" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-particle-waves_1048-18503.jpg",
imageAlt: "professional web dev hero dark mode",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg",
imageAlt: "responsive website design on laptop",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-technology-background-with-flowing-data-waves_1048-18869.jpg",
imageAlt: "3D abstract technology background with flowing data waves",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-sound-waves-digital-technology-background_1048-13247.jpg",
imageAlt: "3D render of abstract sound waves. Digital technology background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-lines-particles_1048-13985.jpg",
imageAlt: "3D render of a modern background with flowing cyber lines and particles",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-flowing-particle-waves_1048-18503.jpg", imageAlt: "professional web dev hero dark mode" },
{ imageSrc: "http://img.b2bpic.net/free-photo/apartment-diy-decoration-furnishing-interior_53876-120878.jpg", imageAlt: "responsive website design on laptop" }
]}
mediaAnimation="blur-reveal"
rating={5}
@@ -100,21 +63,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Why Drift Digital?"
metrics={[
{
icon: Zap,
label: "Turnaround",
value: "48h",
},
{
icon: ShieldCheck,
label: "Security",
value: "100%",
},
{
icon: DollarSign,
label: "Contracts",
value: "Zero",
},
{ icon: Zap, label: "Turnaround", value: "48h" },
{ icon: ShieldCheck, label: "Security", value: "100%" },
{ icon: DollarSign, label: "Contracts", value: "Zero" },
]}
metricsAnimation="slide-up"
/>
@@ -126,21 +77,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Smartphone,
title: "Fully Responsive",
description: "Beautiful designs that work perfectly on every screen.",
},
{
icon: Lock,
title: "Secure Infrastructure",
description: "Bank-grade security so you never worry about hackers.",
},
{
icon: Zap,
title: "Lightning Fast",
description: "Optimized for speed to keep your customers happy.",
},
{ icon: Smartphone, title: "Fully Responsive", description: "Beautiful designs that work perfectly on every screen." },
{ icon: Lock, title: "Secure Infrastructure", description: "Bank-grade security so you never worry about hackers." },
{ icon: Zap, title: "Lightning Fast", description: "Optimized for speed to keep your customers happy." },
]}
title="Everything you need to launch"
description="Powerful features that take the guesswork out of having an online presence."
@@ -154,40 +93,12 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Essential",
price: "$999",
subtitle: "Perfect for starters",
features: [
"Homepage design",
"Mobile responsive",
"SSL security",
"24/7 Support",
],
buttons: [
{
text: "Get Started",
href: "#contact",
},
],
id: "basic", badge: "Essential", price: "$999", subtitle: "Perfect for starters", features: ["Homepage design", "Mobile responsive", "SSL security", "24/7 Support"],
buttons: [{ text: "Get Started", href: "#contact" }],
},
{
id: "growth",
badge: "Growth",
price: "$1,999",
subtitle: "For growing businesses",
features: [
"Includes Essential",
"Blog integration",
"SEO optimization",
"Email setup",
],
buttons: [
{
text: "Get Started",
href: "#contact",
},
],
id: "growth", badge: "Growth", price: "$1,999", subtitle: "For growing businesses", features: ["Includes Essential", "Blog integration", "SEO optimization", "Email setup"],
buttons: [{ text: "Get Started", href: "#contact" }],
},
]}
title="Transparent Pricing"
@@ -202,21 +113,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "500+",
description: "Websites launched",
},
{
id: "m2",
value: "99.9%",
description: "Uptime guarantee",
},
{
id: "m3",
value: "4.9/5",
description: "Customer rating",
},
{ id: "m1", value: "500+", description: "Websites launched" },
{ id: "m2", value: "99.9%", description: "Uptime guarantee" },
{ id: "m3", value: "4.9/5", description: "Customer rating" },
]}
title="Proven Performance"
description="Evidence-backed results for our partners."
@@ -229,41 +128,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Cafe Owner",
testimonial: "Drift Digital got us live in record time. Professional and super helpful.",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-handsome-happy-enthusiastic-guy-striped-shirt-sitting-kitchen-table-with-arms-crossed_343059-3858.jpg",
},
{
id: "2",
name: "Tom Baker",
role: "Plumber",
testimonial: "Finally, a tech company that speaks human. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg",
},
{
id: "3",
name: "Linda Wu",
role: "Salon Owner",
testimonial: "My site looks amazing. Worth every cent for the speed and quality.",
imageSrc: "http://img.b2bpic.net/free-photo/printer-icon-computer-page-digital-paper-concept_53876-124304.jpg",
},
{
id: "4",
name: "Dave H.",
role: "Retailer",
testimonial: "Transformed our online image overnight. Simple and effective process.",
imageSrc: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970725.jpg",
},
{
id: "5",
name: "Jane P.",
role: "Consultant",
testimonial: "No hidden fees, no complexity. Exactly what I was looking for.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
},
{ id: "1", name: "Sarah Miller", role: "Cafe Owner", testimonial: "Drift Digital got us live in record time. Professional and super helpful.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-handsome-happy-enthusiastic-guy-striped-shirt-sitting-kitchen-table-with-arms-crossed_343059-3858.jpg" },
{ id: "2", name: "Tom Baker", role: "Plumber", testimonial: "Finally, a tech company that speaks human. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman_329181-11722.jpg" },
{ id: "3", name: "Linda Wu", role: "Salon Owner", testimonial: "My site looks amazing. Worth every cent for the speed and quality.", imageSrc: "http://img.b2bpic.net/free-photo/printer-icon-computer-page-digital-paper-concept_53876-124304.jpg" },
{ id: "4", name: "Dave H.", role: "Retailer", testimonial: "Transformed our online image overnight. Simple and effective process.", imageSrc: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970725.jpg" },
{ id: "5", name: "Jane P.", role: "Consultant", testimonial: "No hidden fees, no complexity. Exactly what I was looking for.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
]}
title="Client Success"
description="Real businesses, real growth."
@@ -275,21 +144,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How fast is delivery?",
content: "Most sites are completed within 48 hours.",
},
{
id: "q2",
title: "Are there hidden fees?",
content: "Never. We believe in 100% transparency.",
},
{
id: "q3",
title: "Do I need technical skills?",
content: "Not at all. We handle everything for you.",
},
{ id: "q1", title: "How fast is delivery?", content: "Most sites are completed within 48 hours." },
{ id: "q2", title: "Are there hidden fees?", content: "Never. We believe in 100% transparency." },
{ id: "q3", title: "Do I need technical skills?", content: "Not at all. We handle everything for you." },
]}
title="Common Questions"
faqsAnimation="blur-reveal"
@@ -303,25 +160,10 @@ export default function LandingPage() {
title="Start your free mockup"
description="Ready to move your business forward? Get in touch today."
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: "Tell us about your business...",
rows: 4,
required: true,
}}
textarea={{ name: "message", placeholder: "Tell us about your business...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139370.jpg"
mediaPosition="right"
/>
@@ -332,16 +174,8 @@ export default function LandingPage() {
logoText="Drift Digital"
copyrightText="© 2025 Drift Digital. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook",
},
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
]}
/>
</div>