Update src/app/page.tsx
This commit is contained in:
208
src/app/page.tsx
208
src/app/page.tsx
@@ -31,68 +31,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
name: "Process", id: "process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Northshore Social"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="AI-Powered Social Media Growth That Actually Works"
|
||||
description="We build structured, strategic systems that keep your brand consistent, visible, and growing."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg?_wi=1",
|
||||
imageAlt: "Coastal serenity",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg", imageAlt: "Coastal serenity"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg?_wi=2",
|
||||
imageAlt: "Coastal serenity 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg", imageAlt: "Coastal serenity 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg?_wi=3",
|
||||
imageAlt: "Coastal serenity 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg", imageAlt: "Coastal serenity 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg?_wi=4",
|
||||
imageAlt: "Coastal serenity 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg", imageAlt: "Coastal serenity 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg?_wi=5",
|
||||
imageAlt: "Coastal serenity 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg", imageAlt: "Coastal serenity 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg?_wi=6",
|
||||
imageAlt: "Coastal serenity 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg", imageAlt: "Coastal serenity 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,19 +81,13 @@ export default function LandingPage() {
|
||||
description="Northshore Social was created to help businesses grow in a way that is structured, consistent, and intentional. We build and manage AI-powered social media systems that remove the guesswork and deliver real, sustainable results. Our approach is simple: Consistency. Strategy. Clarity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Consistency",
|
||||
description: "Reliable presence and voice.",
|
||||
},
|
||||
title: "Consistency", description: "Reliable presence and voice."},
|
||||
{
|
||||
title: "Strategy",
|
||||
description: "Data-driven content that converts.",
|
||||
},
|
||||
title: "Strategy", description: "Data-driven content that converts."},
|
||||
{
|
||||
title: "Clarity",
|
||||
description: "Systems that scale with you.",
|
||||
},
|
||||
title: "Clarity", description: "Systems that scale with you."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/striped-zen-sand-background-health-wellbeing-concept_53876-126526.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/striped-zen-sand-background-health-wellbeing-concept_53876-126526.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -130,40 +99,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "shore",
|
||||
badge: "Essential",
|
||||
price: "$300–$500",
|
||||
subtitle: "For consistent presence",
|
||||
features: [
|
||||
"AI content system setup",
|
||||
"2–3 posts per week",
|
||||
"Caption writing",
|
||||
"Basic scheduling",
|
||||
],
|
||||
id: "shore", badge: "Essential", price: "$300–$500", subtitle: "For consistent presence", features: [
|
||||
"AI content system setup", "2–3 posts per week", "Caption writing", "Basic scheduling"],
|
||||
},
|
||||
{
|
||||
id: "current",
|
||||
badge: "Growing",
|
||||
price: "$600–$900",
|
||||
subtitle: "For growing businesses",
|
||||
features: [
|
||||
"Everything in The Shore",
|
||||
"3–5 posts per week",
|
||||
"Strategy refinement",
|
||||
"Analytics reports",
|
||||
],
|
||||
id: "current", badge: "Growing", price: "$600–$900", subtitle: "For growing businesses", features: [
|
||||
"Everything in The Shore", "3–5 posts per week", "Strategy refinement", "Analytics reports"],
|
||||
},
|
||||
{
|
||||
id: "horizon",
|
||||
badge: "Scaling",
|
||||
price: "$1,000–$2,000",
|
||||
subtitle: "For scaling brands",
|
||||
features: [
|
||||
"Everything in The Current",
|
||||
"Full AI customization",
|
||||
"Daily posting",
|
||||
"Priority support",
|
||||
],
|
||||
id: "horizon", badge: "Scaling", price: "$1,000–$2,000", subtitle: "For scaling brands", features: [
|
||||
"Everything in The Current", "Full AI customization", "Daily posting", "Priority support"],
|
||||
},
|
||||
]}
|
||||
title="Our Service Packages"
|
||||
@@ -178,28 +123,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Content Creation",
|
||||
description: "Professional photography and video production services available upon request.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Camera,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg?_wi=7",
|
||||
imageAlt: "calm ocean horizon minimalist",
|
||||
title: "Content Creation", description: "Professional photography and video production services available upon request.", bentoComponent: "reveal-icon", icon: Camera
|
||||
},
|
||||
{
|
||||
title: "Reels & Video",
|
||||
description: "Short-form video management tailored to boost reach.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Film,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/striped-zen-sand-background-health-wellbeing-concept_53876-126526.jpg?_wi=2",
|
||||
imageAlt: "sand texture minimal",
|
||||
title: "Reels & Video", description: "Short-form video management tailored to boost reach.", bentoComponent: "reveal-icon", icon: Film
|
||||
},
|
||||
{
|
||||
title: "Story Management",
|
||||
description: "Consistent story posting to keep your brand top-of-mind.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Layers,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/andalsnes-norway-june-26-2023_58702-16568.jpg?_wi=1",
|
||||
imageAlt: "sun flare on water surface minimal",
|
||||
title: "Story Management", description: "Consistent story posting to keep your brand top-of-mind.", bentoComponent: "reveal-icon", icon: Layers
|
||||
},
|
||||
]}
|
||||
title="Optional Add-Ons"
|
||||
@@ -214,44 +144,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Discovery",
|
||||
description: "Deep dive into your brand strategy.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg?_wi=8",
|
||||
imageAlt: "calm ocean horizon minimalist",
|
||||
title: "Discovery", description: "Deep dive into your brand strategy.", bentoComponent: "reveal-icon", icon: Search
|
||||
},
|
||||
{
|
||||
title: "Setup",
|
||||
description: "Implementing your custom AI systems.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Settings,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/striped-zen-sand-background-health-wellbeing-concept_53876-126526.jpg?_wi=3",
|
||||
imageAlt: "sand texture minimal",
|
||||
title: "Setup", description: "Implementing your custom AI systems.", bentoComponent: "reveal-icon", icon: Settings
|
||||
},
|
||||
{
|
||||
title: "Creation",
|
||||
description: "Producing high-impact assets.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: PenTool,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/andalsnes-norway-june-26-2023_58702-16568.jpg?_wi=2",
|
||||
imageAlt: "sun flare on water surface minimal",
|
||||
title: "Creation", description: "Producing high-impact assets.", bentoComponent: "reveal-icon", icon: PenTool
|
||||
},
|
||||
{
|
||||
title: "Execution",
|
||||
description: "Active management of your presence.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Calendar,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-watercolor-background-desktop-wallpaper-abstract-design_53876-138985.jpg?_wi=9",
|
||||
imageAlt: "calm ocean horizon minimalist",
|
||||
title: "Execution", description: "Active management of your presence.", bentoComponent: "reveal-icon", icon: Calendar
|
||||
},
|
||||
{
|
||||
title: "Optimization",
|
||||
description: "Data-driven performance adjustments.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/striped-zen-sand-background-health-wellbeing-concept_53876-126526.jpg?_wi=4",
|
||||
imageAlt: "sand texture minimal",
|
||||
title: "Optimization", description: "Data-driven performance adjustments.", bentoComponent: "reveal-icon", icon: TrendingUp
|
||||
},
|
||||
]}
|
||||
title="Our Simple Process"
|
||||
@@ -264,25 +169,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you guarantee growth?",
|
||||
content: "We focus on strategic systems that create sustainable growth.",
|
||||
},
|
||||
id: "1", title: "Do you guarantee growth?", content: "We focus on strategic systems that create sustainable growth."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I change my package?",
|
||||
content: "Yes, we are flexible as your needs evolve.",
|
||||
},
|
||||
id: "2", title: "Can I change my package?", content: "Yes, we are flexible as your needs evolve."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long for results?",
|
||||
content: "Typically 3-6 months for significant traction.",
|
||||
},
|
||||
id: "3", title: "How long for results?", content: "Typically 3-6 months for significant traction."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do you use AI?",
|
||||
content: "We leverage AI to streamline content systems and analysis.",
|
||||
},
|
||||
id: "4", title: "How do you use AI?", content: "We leverage AI to streamline content systems and analysis."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -293,12 +186,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Build Together"
|
||||
title="Let's Connect"
|
||||
description="Reach out to Northshore Social for your inquiry. Email: NorthshoreSocial@gmail.com | Phone: (608) 440-0905"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/andalsnes-norway-june-26-2023_58702-16568.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/andalsnes-norway-june-26-2023_58702-16568.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -308,33 +200,21 @@ export default function LandingPage() {
|
||||
logoText="Northshore Social"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user