Merge version_3_1781564229521 into main #2
@@ -1,16 +1,21 @@
|
||||
import { motion } from "motion/react";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
|
||||
import HeroWorkScrollStack from "@/components/sections/hero/HeroWorkScrollStack";
|
||||
import AboutTestimonialParallax from "@/components/sections/about/AboutTestimonialParallax";
|
||||
import FeaturesBentoGridCta from "@/components/sections/features/FeaturesBentoGridCta";
|
||||
import ContactSplitFormParallax from "@/components/sections/contact/ContactSplitFormParallax";
|
||||
import LoaderReveal from "@/components/ui/LoaderReveal";
|
||||
import CornerGlowBackground from "@/components/ui/CornerGlowBackground";
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import ServicesSection from './HomePage/sections/Services';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage() {
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<StyleProvider siteBackground="none" heroBackground="none" buttonVariant="stagger">
|
||||
<StyleProvider siteBackground="none" heroBackground="none" buttonVariant="stagger">
|
||||
<LoaderReveal
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"
|
||||
title="Sanammaanmarketing"
|
||||
@@ -19,64 +24,13 @@ export default function HomePage() {
|
||||
<SiteBackgroundSlot />
|
||||
<CornerGlowBackground position="fixed" />
|
||||
|
||||
<HeroWorkScrollStack
|
||||
heroAnimationDelay={4}
|
||||
tag="Your Growth. Our Mission."
|
||||
title="We Build Brands That"
|
||||
titleHighlight="Mean Business."
|
||||
description="From stunning websites to smart AI agents — we help small businesses show up, stand out, and scale up."
|
||||
primaryButton={{
|
||||
text: "Let's Work Together", href: "#contact", avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", avatarLabel: "Sanam"}}
|
||||
sectionTag="Our Approach"
|
||||
sectionTitle="Results-Driven Digital Solutions"
|
||||
sectionDescription="At Sanammaanmarketing, we don't just build websites — we build digital experiences that turn visitors into customers. We're young, hungry, and obsessed with delivering results that actually move the needle for your business."
|
||||
items={[
|
||||
{ title: "Conversion Engines", description: "High-performance, mobile-friendly websites.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345397.jpg", tag: "Development" },
|
||||
{ title: "AI Automation", description: "Smart agents that capture leads 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg", tag: "AI Agents" },
|
||||
{ title: "Brand Authority", description: "Memorable identities that stand out.", imageSrc: "http://img.b2bpic.net/free-psd/business-card-mockup-architectural-elements_23-2151953573.jpg", tag: "Branding" },
|
||||
]}
|
||||
/>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutTestimonialParallax
|
||||
tag="Meet the Founder"
|
||||
quote="I'm young, hardworking, and genuinely passionate about helping small businesses compete and win in the digital world. I bring ambition and energy to every client I work with. If you're hungry for success, we'll get along just fine."
|
||||
author="Sanam Maan"
|
||||
role="Founder & Digital Strategist"
|
||||
imageSrc="https://storage.googleapis.com/webild/users/user_3FBzUP3MEnNC6lJGj9WPzUiR5QA/uploaded-1781563883410-8gq4j5w9.jpg"
|
||||
/>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeaturesBentoGridCta
|
||||
tag="Our Services"
|
||||
title="Tools to Grow Your Business"
|
||||
description="Comprehensive solutions designed to help you dominate your market."
|
||||
features={[
|
||||
{ title: "Website Design", description: "Clean, modern websites built to impress and convert. Your website is your #1 salesperson.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tablet-phone-mock-up_23-2148291152.jpg" },
|
||||
{ title: "AI Agent Setup", description: "A smart assistant that answers customer questions and captures leads — and never takes a day off.", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg" },
|
||||
{ title: "SEO & Marketing", description: "Get found on Google by people already searching for what you offer, plus scroll-stopping social content.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet_1134-354.jpg" },
|
||||
{ title: "Brand Identity", description: "Bold, memorable brand identities built to last and resonate with your audience.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277804.jpg" },
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Let's Work Together", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
<ServicesSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitFormParallax
|
||||
tag="Ready to Grow?"
|
||||
title="Let's Talk."
|
||||
description="Reach out and let's build something great together."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your business goals...", rows: 5, required: true }}
|
||||
buttonText="Send Message"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7373.jpg"
|
||||
/>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</StyleProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
19
src/pages/HomePage/sections/About.tsx
Normal file
19
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,19 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutTestimonialParallax from "@/components/sections/about/AboutTestimonialParallax";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<AboutTestimonialParallax
|
||||
tag="Meet the Founder"
|
||||
quote="I'm young, hardworking, and genuinely passionate about helping small businesses compete and win in the digital world. I bring ambition and energy to every client I work with. If you're hungry for success, we'll get along just fine."
|
||||
author="Sanam Maan"
|
||||
role="Founder & Digital Strategist"
|
||||
imageSrc="https://storage.googleapis.com/webild/users/user_3FBzUP3MEnNC6lJGj9WPzUiR5QA/uploaded-1781563883410-8gq4j5w9.jpg"
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
24
src/pages/HomePage/sections/Contact.tsx
Normal file
24
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactSplitFormParallax from "@/components/sections/contact/ContactSplitFormParallax";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitFormParallax
|
||||
tag="Ready to Grow?"
|
||||
title="Let's Talk."
|
||||
description="Reach out and let's build something great together."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your business goals...", rows: 5, required: true }}
|
||||
buttonText="Send Message"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-with-laptop-beautiful-luxury-table-decoration-livingroom-interior-background_1339-7373.jpg"
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/Hero.tsx
Normal file
29
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroWorkScrollStack from "@/components/sections/hero/HeroWorkScrollStack";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroWorkScrollStack
|
||||
heroAnimationDelay={4}
|
||||
tag="Sanam Maan Marketing — Your Growth. Our Mission."
|
||||
title="We Build Brands That"
|
||||
titleHighlight="Mean Business."
|
||||
description="From stunning websites to smart AI agents — we help small businesses show up, stand out, and scale up."
|
||||
primaryButton={{
|
||||
text: "Let's Work Together", href: "#contact", avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", avatarLabel: "Sanam"}}
|
||||
sectionTag="Our Approach"
|
||||
sectionTitle="Results-Driven Digital Solutions"
|
||||
sectionDescription="At Sanammaanmarketing, we don't just build websites — we build digital experiences that turn visitors into customers. We're young, hungry, and obsessed with delivering results that actually move the needle for your business."
|
||||
items={[
|
||||
{ title: "Conversion Engines", description: "High-performance, mobile-friendly websites.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345397.jpg", tag: "Development" },
|
||||
{ title: "AI Automation", description: "Smart agents that capture leads 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg", tag: "AI Agents" },
|
||||
{ title: "Brand Authority", description: "Memorable identities that stand out.", imageSrc: "http://img.b2bpic.net/free-psd/business-card-mockup-architectural-elements_23-2151953573.jpg", tag: "Branding" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
25
src/pages/HomePage/sections/Services.tsx
Normal file
25
src/pages/HomePage/sections/Services.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "services" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesBentoGridCta from "@/components/sections/features/FeaturesBentoGridCta";
|
||||
|
||||
export default function ServicesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="services" data-section="services">
|
||||
<FeaturesBentoGridCta
|
||||
tag="Our Services"
|
||||
title="Tools to Grow Your Business"
|
||||
description="Comprehensive solutions designed to help you dominate your market."
|
||||
features={[
|
||||
{ title: "Website Design", description: "Clean, modern websites built to impress and convert. Your website is your #1 salesperson.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tablet-phone-mock-up_23-2148291152.jpg" },
|
||||
{ title: "AI Agent Setup", description: "A smart assistant that answers customer questions and captures leads — and never takes a day off.", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg" },
|
||||
{ title: "SEO & Marketing", description: "Get found on Google by people already searching for what you offer, plus scroll-stopping social content.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet_1134-354.jpg" },
|
||||
{ title: "Brand Identity", description: "Bold, memorable brand identities built to last and resonate with your audience.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277804.jpg" },
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Let's Work Together", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user