bender/5d5e1860-b031-401c-a463-65d99cdc1bf1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #2

Merged
bender merged 2 commits from version_3 into main 2026-03-07 01:41:46 +00:00
Conversation 0 Commits 2 Files Changed 2 +31 -238
2 changed files with 31 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/app/layout.tsx
View File

@@ -1,46 +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 | Professional Website Builder - Built in Minutes", description: "Your professional website, built in minutes. Scout Grid makes website creation simple, affordable, and fast for small businesses, freelancers, and startups. No coding required.", keywords: "website builder, no-code website, small business website, freelancer portfolio, startup website, affordable web design, DIY website builder, professional website", metadataBase: new URL("https://scoutgrid.com"),
alternates: {
canonical: "https://scoutgrid.com"
},
openGraph: {
title: "Scout Grid | Build Your Professional Website in Minutes", description: "Simple, affordable, and fast website creation for small businesses, freelancers, and startups. No coding required.", 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 - Professional Website Builder"
},
],
},
twitter: {
card: "summary_large_image", title: "Scout Grid | Website Builder Built in Minutes", description: "Build your professional website fast. Simple, affordable, 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,
@@ -50,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}
@@ -1426,4 +1393,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

230
src/app/page.tsx
View File

@@ -1,228 +1,54 @@
"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="Your Professional Website, Built in Minutes. Scout Grid makes website creation simple, affordable, and fast for small businesses, freelancers, and startups. 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="Simple, Affordable, and Fast Website Creation for Everyone"
description="Scout Grid empowers small businesses, freelancers, and startups to launch professional websites with unstoppable speed and confidence. Build your online presence in minutes without any technical skills. No coding required. No agency gatekeeping. Just your entrepreneurial vision, brought to life."
tag="For Ambitious Builders"
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="Everything You Need to Build Your Website Fast"
description="Powerful tools designed to make website creation simple and accessible for everyone"
tag="Platform Features"
features={[
{
title: "No-Code Builder", description: "Drag-and-drop interface so intuitive, anyone can build. Launch your professional website without technical expertise 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: "Fast Deployment", description: "From sign-up to live website in minutes. Get online quickly and start reaching your audience immediately.", 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 Pricing", description: "Professional website power at prices that work for small businesses, freelancers, and startups. No hidden fees. Transparent, honest pricing.", 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: "Built-in Security", description: "Enterprise-grade protection for your website. SSL encryption, automatic backups, and security monitoring included with every plan.", 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="Integrates With Your Favorite Tools"
description="Scout Grid works seamlessly with the platforms you already use. Build with confidence knowing you can connect everything."
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="Plans for Every Stage of Your Business"
description="Choose the plan that fits your needs. All plans include a free 14-day trial to get started."
tag="Pricing"
plans={[
{
id: "scout", badge: "For Solopreneurs", price: "$29/month", subtitle: "Perfect to get started", buttons: [{ text: "Start Free Trial", href: "#contact" }],
features: [
"Up to 5 pages", "Custom domain included", "Basic analytics", "Email support", "SSL security", "Mobile responsive"
],
},
{
id: "commander", badge: "Most Popular", badgeIcon: Sparkles,
price: "$79/month", subtitle: "For growing businesses", 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: "Enterprise solutions", 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="Common Questions About Scout Grid"
description="Everything you need to know about building your website with Scout Grid."
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. Just drag, drop, customize, and launch."
},
{
id: "2", title: "How fast can I launch my website?", content: "From sign-up to live website: typically under 15 minutes. Choose a template, customize your content, connect your domain, and you're live. No waiting. No delays."
},
{
id: "3", title: "What if I need to scale my website?", content: "Scout Grid grows with you. Start with a simple site, expand to e-commerce, add advanced integrations, use our API. We have tools for solopreneurs through agencies."
},
{
id: "4", title: "Is my website data secure?", content: "Completely. We use enterprise-grade SSL encryption, automated backups, DDoS protection, and continuous security monitoring. Your data is protected 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 in full control of your website."
},
{
id: "6", title: "What if I want custom code?", content: "Our Professional and Agency 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="Join thousands of small businesses, freelancers, and startups who have built their professional websites with Scout Grid"
cardTag="Customer Success"
cardAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Ready to Build?"
title="Start Your Website Today"
description="Join thousands building their professional websites with Scout Grid. Get instant access, start free for 14 days. No credit card required."
inputPlaceholder="Enter your email"
buttonText="Start Building"
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>
);
}
}