Merge version_1 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user