Merge version_1 into main #2
267
src/app/page.tsx
267
src/app/page.tsx
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Agency",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "System",
|
||||
id: "#solution",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{ name: "Agency", id: "#hero" },
|
||||
{ name: "System", id: "#solution" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
]}
|
||||
brandName="Estato"
|
||||
/>
|
||||
@@ -51,48 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
title="Only 5 Spots for Estato Founders."
|
||||
description="Transform your real estate agency into a 24/7 lead generation powerhouse. Limited launch entry price, permanent high-end results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Claim One of 5 Spots",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Claim One of 5 Spots", href: "#pricing" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-white-background_9975-133657.jpg?_wi=1",
|
||||
imageAlt: "Mobile UI 1",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg?_wi=1",
|
||||
imageAlt: "Mobile UI 2",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg?_wi=1",
|
||||
imageAlt: "Mobile UI 3",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg?_wi=1",
|
||||
imageAlt: "Mobile UI 4",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920972.jpg",
|
||||
imageAlt: "Mobile UI 5",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-with-coffee-using-smartphone-business-center_171337-19948.jpg",
|
||||
imageAlt: "Mobile UI 6",
|
||||
},
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-white-background_9975-133657.jpg", imageAlt: "Mobile UI 1" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg", imageAlt: "Mobile UI 2" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg", imageAlt: "Mobile UI 3" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg", imageAlt: "Mobile UI 4" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920972.jpg", imageAlt: "Mobile UI 5" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-with-coffee-using-smartphone-business-center_171337-19948.jpg", imageAlt: "Mobile UI 6" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,42 +64,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mobile Listing UI",
|
||||
price: "High-End",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-smartphone-with-blank-screen-mockup-white-background_187299-46676.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lead Dashboard",
|
||||
price: "High-End",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-interior-designer_23-2150346463.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Property Explorer",
|
||||
price: "High-End",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-business-card-property-management_23-2151977898.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Client Portal",
|
||||
price: "High-End",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-121003.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Agent Showcase",
|
||||
price: "High-End",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cliffside-modern-home-with-infinity-pool-sunset_23-2152008238.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Contact Funnel",
|
||||
price: "High-End",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-holding-tablet-hand_23-2148308612.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Mobile Listing UI", price: "High-End", imageSrc: "http://img.b2bpic.net/free-photo/green-smartphone-with-blank-screen-mockup-white-background_187299-46676.jpg" },
|
||||
{ id: "p2", name: "Lead Dashboard", price: "High-End", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-interior-designer_23-2150346463.jpg" },
|
||||
{ id: "p3", name: "Property Explorer", price: "High-End", imageSrc: "http://img.b2bpic.net/free-psd/luxury-business-card-property-management_23-2151977898.jpg" },
|
||||
{ id: "p4", name: "Client Portal", price: "High-End", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-121003.jpg" },
|
||||
{ id: "p5", name: "Agent Showcase", price: "High-End", imageSrc: "http://img.b2bpic.net/free-photo/cliffside-modern-home-with-infinity-pool-sunset_23-2152008238.jpg" },
|
||||
{ id: "p6", name: "Contact Funnel", price: "High-End", imageSrc: "http://img.b2bpic.net/free-photo/business-man-holding-tablet-hand_23-2148308612.jpg" },
|
||||
]}
|
||||
title="Your New Digital Presence."
|
||||
description="This is what your future website looks like—clean, fast, and built to convert property seekers into loyal clients."
|
||||
@@ -151,21 +81,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Stop Leaking Your Property Leads."
|
||||
metrics={[
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
label: "Outdated Design",
|
||||
value: "Lost Trust",
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
label: "Poor Mobile",
|
||||
value: "High Bounce",
|
||||
},
|
||||
{
|
||||
icon: TrendingDown,
|
||||
label: "No Funnel",
|
||||
value: "Zero Growth",
|
||||
},
|
||||
{ icon: AlertTriangle, label: "Outdated Design", value: "Lost Trust" },
|
||||
{ icon: Smartphone, label: "Poor Mobile", value: "High Bounce" },
|
||||
{ icon: TrendingDown, label: "No Funnel", value: "Zero Growth" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -177,21 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Modern Conversion Design",
|
||||
description: "High-converting layouts tailored for real estate.",
|
||||
},
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Mobile-First Engine",
|
||||
description: "Responsive experiences that load in milliseconds.",
|
||||
},
|
||||
{
|
||||
icon: Database,
|
||||
title: "Built-in Lead System",
|
||||
description: "Automated pipeline capturing every lead opportunity.",
|
||||
},
|
||||
{ icon: Zap, title: "Modern Conversion Design", description: "High-converting layouts tailored for real estate." },
|
||||
{ icon: Smartphone, title: "Mobile-First Engine", description: "Responsive experiences that load in milliseconds." },
|
||||
{ icon: Database, title: "Built-in Lead System", description: "Automated pipeline capturing every lead opportunity." },
|
||||
]}
|
||||
title="The Estato Difference."
|
||||
description="We don't just build sites; we deploy conversion engines."
|
||||
@@ -202,28 +108,14 @@ export default function LandingPage() {
|
||||
<MetricCardEleven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Step 01",
|
||||
title: "Audit",
|
||||
description: "We analyze your brand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/mobile-music-application-interface-design-concept-dark-colors-flat-illustration_1284-44763.jpg",
|
||||
},
|
||||
id: "m1", value: "Step 01", title: "Audit", description: "We analyze your brand.", imageSrc: "http://img.b2bpic.net/free-vector/mobile-music-application-interface-design-concept-dark-colors-flat-illustration_1284-44763.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Step 02",
|
||||
title: "Build",
|
||||
description: "Custom agency setup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292809.jpg",
|
||||
},
|
||||
id: "m2", value: "Step 02", title: "Build", description: "Custom agency setup.", imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292809.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Step 03",
|
||||
title: "Launch",
|
||||
description: "Go live with leads.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32832.jpg",
|
||||
},
|
||||
id: "m3", value: "Step 03", title: "Launch", description: "Go live with leads.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32832.jpg"},
|
||||
]}
|
||||
title="Your Simple 3-Step Launch."
|
||||
description="From Audit to Launch in record time."
|
||||
@@ -235,51 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Lifetime Advantage",
|
||||
quote: "Be among the elite first five.",
|
||||
name: "Founding",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-white-background_9975-133803.jpg",
|
||||
imageAlt: "Modern Smartphone with Blank Screen on White Background",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Okay Coins Bonus",
|
||||
quote: "Reward after 10 months.",
|
||||
name: "Founding",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-white-background_9975-133657.jpg?_wi=2",
|
||||
imageAlt: "Modern Smartphone with Blank Screen on White Background",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Direct Priority",
|
||||
quote: "VIP support forever.",
|
||||
name: "Founding",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg?_wi=2",
|
||||
imageAlt: "Modern Smartphone with Blank Screen on White Background",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Strategic Growth",
|
||||
quote: "The system evolves with you.",
|
||||
name: "Founding",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg?_wi=2",
|
||||
imageAlt: "Modern Smartphone with Blank Screen on White Background",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Price Lock",
|
||||
quote: "Never pay more for setup.",
|
||||
name: "Founding",
|
||||
role: "Partner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg?_wi=2",
|
||||
imageAlt: "Modern Smartphone with Blank Screen on White Background",
|
||||
},
|
||||
{ id: "1", title: "Lifetime Advantage", quote: "Be among the elite first five.", name: "Founding", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-white-background_9975-133803.jpg" },
|
||||
{ id: "2", title: "Okay Coins Bonus", quote: "Reward after 10 months.", name: "Founding", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-white-background_9975-133657.jpg" },
|
||||
{ id: "3", title: "Direct Priority", quote: "VIP support forever.", name: "Founding", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg" },
|
||||
{ id: "4", title: "Strategic Growth", quote: "The system evolves with you.", name: "Founding", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg" },
|
||||
{ id: "5", title: "Price Lock", quote: "Never pay more for setup.", name: "Founding", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-device-with-greenscreen_482257-76711.jpg" },
|
||||
]}
|
||||
title="Exclusive Founding Benefits."
|
||||
description="Join the first 5 clients to receive early access and extra rewards."
|
||||
@@ -293,21 +145,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
badge: "Early Bird",
|
||||
price: "$300",
|
||||
subtitle: "Limited time offer",
|
||||
features: [
|
||||
"High-Converting Website",
|
||||
"Lead Capture System",
|
||||
"10-Month Okay Coin Bonus",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Secure My Spot",
|
||||
href: "mailto:hello@estato.com",
|
||||
},
|
||||
],
|
||||
id: "plan-1", badge: "Early Bird", price: "$300", subtitle: "Limited time offer", features: [
|
||||
"High-Converting Website", "Lead Capture System", "10-Month Okay Coin Bonus"],
|
||||
buttons: [{ text: "Secure My Spot", href: "mailto:hello@estato.com" }],
|
||||
},
|
||||
]}
|
||||
title="Limited Founding Offer."
|
||||
@@ -318,16 +158,9 @@ export default function LandingPage() {
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to own your digital lead generation machine? Only 5 spots total. Do not wait."
|
||||
buttons={[
|
||||
{
|
||||
text: "Claim My Spot Now",
|
||||
href: "mailto:hello@estato.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Claim My Spot Now", href: "mailto:hello@estato.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -336,29 +169,15 @@ export default function LandingPage() {
|
||||
logoText="Estato"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "System",
|
||||
href: "#solution",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
title: "Product", items: [
|
||||
{ label: "System", href: "#solution" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "Terms", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user