Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5a8d81eae3 | |||
| 1813d73c29 | |||
| 1c6a557e15 | |||
| 75ee9c7e9b | |||
| 73916c7092 |
@@ -1,43 +1,15 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const dmSans = DM_Sans({
|
||||
variable: "--font-dm-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Scout Grid | No-Code Website Builder for Ambitious Businesses", description: "Launch professional websites in minutes without coding. Scout Grid empowers small businesses, freelancers, and startups with affordable, fast no-code website creation.", keywords: "no-code website builder, website creation, small business website, freelancer portfolio, startup website, affordable web design, DIY website builder", metadataBase: new URL("https://scoutgrid.com"),
|
||||
alternates: {
|
||||
canonical: "https://scoutgrid.com"},
|
||||
openGraph: {
|
||||
title: "Scout Grid | Build Your Website in Minutes", description: "No coding, no agencies, no delays. Launch your professional website today with Scout Grid.", url: "https://scoutgrid.com", siteName: "Scout Grid", type: "website", images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/a-dynamic-wide-angle-view-of-a-digital-l-1772847346070-932c7e51.png", alt: "Scout Grid - Strategic Website Building Platform"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Scout Grid | No-Code Website Builder", description: "Build unstoppable online presence. Launch pro websites in minutes, no coding required.", images: [
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/an-aerial-view-of-a-digital-command-cent-1772847345215-31bd2c8e.png"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Welcome", description: "A fresh start"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -47,9 +19,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
|
||||
>
|
||||
<body className={`${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
|
||||
211
src/app/page.tsx
211
src/app/page.tsx
@@ -1,209 +1,52 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Sparkles } from "lucide-react";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Scout Grid"
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "contact" }}
|
||||
brandName="Fresh Start"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="SCOUT GRID"
|
||||
description="Build unstoppable online presence in minutes, not months. No coding. No agencies. Pure strategic power."
|
||||
<HeroBillboardGallery
|
||||
title="Welcome to Your Fresh Website"
|
||||
description="A clean, minimal foundation ready for your content and ideas."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Start Building Free", href: "#contact" },
|
||||
{ text: "See How It Works", href: "#features" },
|
||||
{ text: "Explore", href: "#about" },
|
||||
{ text: "Learn More", href: "#services" },
|
||||
]}
|
||||
slides={[
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/a-dynamic-wide-angle-view-of-a-digital-l-1772847346070-932c7e51.png", imageAlt: "Strategic digital exploration landscape"},
|
||||
imageSrc: "https://images.unsplash.com/photo-1557821552-17105176677c?w=800&h=600&fit=crop", imageAlt: "Modern design workspace"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/an-aerial-view-of-a-digital-command-cent-1772847345215-31bd2c8e.png", imageAlt: "Digital command center with strategic focus"},
|
||||
imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop", imageAlt: "Creative collaboration space"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/a-forward-charging-visual-metaphor-with--1772847344521-c3b6b5be.png", imageAlt: "Breakthrough momentum breaking barriers"},
|
||||
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop", imageAlt: "Team working together"},
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Reclaim Your Strategic Territory"
|
||||
description="Scout Grid empowers small businesses, freelancers, and startups to launch professional websites with unstoppable speed and confidence. No technical skills required. No agency gatekeeping. Just pure entrepreneurial freedom."
|
||||
tag="Our Mission"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/a-sleek-modern-workspace-environment-sho-1772847346626-25ce8196.png"
|
||||
imageAlt="Scout Grid team collaborating on website projects"
|
||||
buttons={[{ text: "Explore Our Platform", href: "#features" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
title="Tactical Advantages Built In"
|
||||
description="Every tool designed for strategic dominance in your market"
|
||||
tag="Platform Features"
|
||||
features={[
|
||||
{
|
||||
title: "No-Code Command Center", description: "Drag-and-drop interface so intuitive, anyone can build. Launch your presence without technical overhead or coding knowledge.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/a-minimalist-interface-mockup-showing-a--1772847344816-ac002780.png", imageAlt: "Intuitive no-code website builder interface", button: { text: "Learn More", href: "#" },
|
||||
},
|
||||
{
|
||||
title: "Lightning-Fast Deployment", description: "From zero to live in minutes. Deploy your site instantly while competitors are still planning. Speed wins markets.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/a-professional-dashboard-showing-rapid-d-1772847345859-3dd398bb.png", imageAlt: "Rapid deployment dashboard showing launch metrics", button: { text: "See Speed in Action", href: "#" },
|
||||
},
|
||||
{
|
||||
title: "Affordable Arsenal", description: "Professional website power at freelancer prices. No hidden fees. No agency markup. Pure, transparent value.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/a-stylized-visualization-of-affordabilit-1772847345766-d4fb68a7.png", imageAlt: "Affordable transparent pricing visualization", button: { text: "View Pricing", href: "#pricing" },
|
||||
},
|
||||
{
|
||||
title: "Fortified Security", description: "Enterprise-grade protection for your digital fortress. SSL, backups, and continuous monitoring out of the box.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/a-protective-shield-emblem-with-integrat-1772847344557-920f3eaf.png", imageAlt: "Security shield protecting your data", button: { text: "Security Details", href: "#" },
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted By Industry Leaders"
|
||||
description="The best platforms and tools integrate seamlessly with Scout Grid. Build with confidence knowing you're part of an ecosystem built for success."
|
||||
tag="Integrations"
|
||||
names={["Shopify", "Wix", "Webflow", "Squarespace", "Stripe", "HubSpot", "Figma", "Notion"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/neon-lights-label-with-cart-shopping-speech-bubble_24908-61668.jpg", "http://img.b2bpic.net/free-vector/retro-design-logo-collection_23-2148464153.jpg", "http://img.b2bpic.net/free-vector/web-elements-design_1212-645.jpg", "http://img.b2bpic.net/free-vector/square-background_23-2148047254.jpg", "http://img.b2bpic.net/free-vector/web-template-business-with-smartphone_23-2148335282.jpg", "http://img.b2bpic.net/free-vector/community-logo-set_53876-58123.jpg", "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg", "http://img.b2bpic.net/free-vector/gradient-laptop-logo-template_23-2149001780.jpg"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
title="Strategic Plans for Every Operation"
|
||||
description="Choose the arsenal that matches your mission. All plans include free 14-day trial."
|
||||
tag="Pricing"
|
||||
plans={[
|
||||
{
|
||||
id: "scout", badge: "For Solopreneurs", price: "$29/month", subtitle: "Your strategic foundation", buttons: [{ text: "Start Free Trial", href: "#contact" }],
|
||||
features: [
|
||||
"Up to 5 pages", "Custom domain included", "Basic analytics dashboard", "Email support", "SSL security", "Mobile responsive"],
|
||||
},
|
||||
{
|
||||
id: "commander", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$79/month", subtitle: "Command your market", buttons: [{ text: "Start Free Trial", href: "#contact" }],
|
||||
features: [
|
||||
"Unlimited pages", "Advanced SEO tools", "Conversion analytics", "Priority support", "Advanced integrations", "Email marketing tools", "E-commerce ready", "Custom CSS/JavaScript"],
|
||||
},
|
||||
{
|
||||
id: "legion", badge: "For Agencies", price: "$199/month", subtitle: "Scale your empire", buttons: [{ text: "Start Free Trial", href: "#contact" }],
|
||||
features: [
|
||||
"Unlimited sites", "Team collaboration", "Client management portal", "API access", "24/7 priority support", "Advanced automation", "White-label options", "Custom integrations"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Strategic Questions Answered"
|
||||
description="Everything you need to know about Scout Grid's mission to democratize website creation."
|
||||
tag="FAQ"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do I need coding or design experience?", content: "Absolutely not. Scout Grid is built for everyone. Our no-code interface is so intuitive that anyone can create a professional website in minutes. Drag, drop, customize, launch. That's it."},
|
||||
{
|
||||
id: "2", title: "How fast can I launch my website?", content: "From sign-up to live site: typically under 15 minutes. Choose a template, customize your content, connect your domain, and you're live. No waiting. No delays. Pure speed."},
|
||||
{
|
||||
id: "3", title: "What if I outgrow Scout Grid?", content: "Scout Grid scales with you. Start simple, expand to e-commerce, add advanced integrations, use our API. We have tools for solopreneurs through agencies. Your journey, our support."},
|
||||
{
|
||||
id: "4", title: "Is my data secure?", content: "Completely. We use enterprise-grade SSL encryption, automated backups, DDoS protection, and continuous security monitoring. Your data fortress is fortified from day one."},
|
||||
{
|
||||
id: "5", title: "Can I use my own domain?", content: "Yes. Connect any domain you own, or use a Scout Grid subdomain. All plans include SSL certificates. You're fully in control of your digital territory."},
|
||||
{
|
||||
id: "6", title: "What if I want custom code?", content: "Commander and Legion plans support custom CSS and JavaScript. Inject your own code, create unique features, integrate with anything. You have full creative control."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/professional-headshot-of-a-confident-sma-1772847346924-17799eec.png", imageAlt: "Sarah Chen, Small Business Owner"},
|
||||
{
|
||||
id: "2", name: "Marcus Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/professional-headshot-of-a-creative-free-1772847364472-ec9b4583.png", imageAlt: "Marcus Rodriguez, Freelance Designer"},
|
||||
{
|
||||
id: "3", name: "Jessica Liu", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/professional-headshot-of-a-young-ambitio-1772847345032-79fc53a2.png", imageAlt: "Jessica Liu, Startup Founder"},
|
||||
{
|
||||
id: "4", name: "David Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AadoFOIZ390RFtVFTx7mwl5LS6/professional-headshot-of-a-seasoned-busi-1772847344764-5e78f9b2.png", imageAlt: "David Thompson, Agency Owner"},
|
||||
]}
|
||||
cardTitle="10,000+ scouts have launched their mission and reclaimed their digital territory"
|
||||
cardTag="Join the scout movement"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Ready to Launch?"
|
||||
title="Start Your Expedition Today"
|
||||
description="Join thousands building their online presence with Scout Grid. Get instant access, start free for 14 days. No credit card required."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Begin Mission"
|
||||
termsText="We respect your privacy. Unsubscribe anytime. See our Terms and Privacy Policy."
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Scout Grid"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user