Files
d359fb0d-41f3-4494-b395-0c2…/src/app/page.tsx
2026-03-07 09:11:02 +00:00

225 lines
12 KiB
TypeScript

"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmall"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Anagha"
navItems={[
{ name: "About", id: "about" },
{ name: "Experience", id: "experience" },
{ name: "Skills", id: "skills" },
{ name: "Certifications", id: "certifications" },
{ name: "Contact", id: "contact" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboardSplit
logoText="ANAGHA"
description="AI-Integrated Digital Marketing Professional | SEO Specialist | Social Media Marketing Expert"
buttons={[
{ text: "View My Work", href: "#experience" },
{ text: "Get In Touch", href: "#contact" }
]}
layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/portrait-positive-man-white-shirt-standing-with-arms-folded-looking-away-dark-gray-copy-space_171337-451.jpg"
imageAlt="Anagha - Digital Marketing Professional"
frameStyle="card"
mediaAnimation="blur-reveal"
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
title="About Me"
description="I'm a passionate digital marketer with hands-on experience in SEO, social media marketing, and AI-integrated content creation. With training from Webscicle Technology Solutions and multiple Google certifications, I specialize in creating data-driven marketing strategies that drive real results."
tag="Professional Profile"
buttons={[
{ text: "Download Resume", href: "#" }
]}
imageSrc="http://img.b2bpic.net/free-photo/business-executive-phone-call-discusses-key-business-tasks_482257-117210.jpg"
imageAlt="Anagha working on digital marketing projects"
useInvertedBackground={false}
/>
</div>
<div id="experience" data-section="experience">
<FeatureCardSeven
features={[
{
id: 1,
title: "Digital Marketing Executive", description: "3-month probation role at Webscicle Technology Solutions where I gained hands-on experience in SEO fundamentals, keyword research, on-page optimization, social media content creation, Google Ads campaign setup, and AI-assisted marketing tools.", imageSrc: "http://img.b2bpic.net/free-photo/business-executive-phone-call-discusses-key-business-tasks_482257-117210.jpg"
},
{
id: 2,
title: "Professional Training", description: "Completed comprehensive 3-month professional course in AI-Integrated Digital Marketing, covering SEO basics, content strategy, Google Ads, keyword research, email marketing fundamentals, and practical AI tools like ChatGPT and Canva.", imageSrc: "http://img.b2bpic.net/free-photo/business-executive-phone-call-discusses-key-business-tasks_482257-117210.jpg"
},
{
id: 3,
title: "Internship Program", description: "Gained practical internship experience collaborating with team on real-time digital marketing projects and tasks, contributing to content creation, social media marketing, and campaign optimization.", imageSrc: "http://img.b2bpic.net/free-photo/business-executive-phone-call-discusses-key-business-tasks_482257-117210.jpg"
}
]}
title="Professional Experience"
description="Strategic marketing initiatives and real-world project exposure"
tag="Work History"
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="skills" data-section="skills">
<FeatureCardSeven
features={[
{
id: 1,
title: "Digital Marketing Strategy", description: "Social media marketing, content creation, blog writing, email marketing basics, and comprehensive content strategy development for online visibility and engagement.", imageSrc: "http://img.b2bpic.net/free-photo/business-executive-phone-call-discusses-key-business-tasks_482257-117210.jpg"
},
{
id: 2,
title: "SEO & Search Marketing", description: "Search engine optimization fundamentals, keyword research, on-page optimization, Google Ads expertise including display and search campaigns, and performance monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/business-executive-phone-call-discusses-key-business-tasks_482257-117210.jpg"
},
{
id: 3,
title: "AI & Modern Tools", description: "Proficient in AI-assisted marketing tools including ChatGPT for content ideation, Canva AI for creative design, WordPress for content management, and SEMrush for marketing analytics.", imageSrc: "http://img.b2bpic.net/free-photo/business-executive-phone-call-discusses-key-business-tasks_482257-117210.jpg"
},
{
id: 4,
title: "Professional Soft Skills", description: "Strong communication and presentation abilities, creative thinking, excellent time management, collaborative team work, and demonstrated willingness to learn and adapt to new technologies.", imageSrc: "http://img.b2bpic.net/free-photo/business-executive-phone-call-discusses-key-business-tasks_482257-117210.jpg"
}
]}
title="Core Competencies"
description="Strategic and technical skills that drive marketing success"
tag="Expertise"
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="certifications" data-section="certifications">
<ProductCardOne
products={[
{
id: "1", name: "Google Ads Display Certification", price: "Google", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-go-logo-template_23-2148973727.jpg", imageAlt: "Google logo brand certification"
},
{
id: "2", name: "Google Creative Certification", price: "Google", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-go-logo-template_23-2148973727.jpg", imageAlt: "Google logo brand certification"
},
{
id: "3", name: "Social Media Marketing Certification", price: "HubSpot Academy", imageSrc: "http://img.b2bpic.net/free-vector/abstract-style-logo-two-versions_23-2148458742.jpg", imageAlt: "HubSpot company logo brand"
},
{
id: "4", name: "Fundamentals of Digital Marketing", price: "Google", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-go-logo-template_23-2148973727.jpg", imageAlt: "Google logo brand certification"
},
{
id: "5", name: "SEMrush Academy Certified", price: "SEMrush", imageSrc: "http://img.b2bpic.net/free-vector/collection-computer-logo-templates_23-2149003043.jpg", imageAlt: "SEMrush company logo marketing tool"
},
{
id: "6", name: "Diploma in AI-Integrated Digital Marketing", price: "Webscicle", imageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-logo_52683-8523.jpg", imageAlt: "technology company tech solutions logo"
}
]}
title="Certifications & Credentials"
description="Industry-recognized certifications validating marketing expertise"
tag="Credentials"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
names={[
"Google Marketing", "Meta Ads Manager", "HubSpot", "SEMrush", "Canva AI", "WordPress", "ChatGPT", "Webscicle"
]}
title="Trusted Platforms & Tools"
description="Expertise across industry-leading marketing platforms and technologies"
tag="Platforms"
textboxLayout="default"
useInvertedBackground={false}
speed={40}
showCard={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Get In Touch"
title="Ready to Collaborate?"
description="Let's discuss how I can help elevate your digital marketing strategy. I'm excited to bring my expertise in SEO, social media marketing, and AI-integrated content creation to your next project."
tagAnimation="slide-up"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-1352.jpg"
imageAlt="Anagha - Ready to discuss marketing opportunities"
mediaAnimation="blur-reveal"
mediaPosition="right"
inputPlaceholder="Enter your email address"
buttonText="Connect With Me"
termsText="I'll respond within 24 hours. You can also reach me at anaghageethaghosh@gmail.com or +91 9656303305"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Quick Links", items: [
{ label: "About", href: "#about" },
{ label: "Experience", href: "#experience" },
{ label: "Skills", href: "#skills" },
{ label: "Certifications", href: "#certifications" }
]
},
{
title: "Connect", items: [
{ label: "Email", href: "mailto:anaghageethaghosh@gmail.com" },
{ label: "Phone", href: "tel:+919656303305" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "GitHub", href: "https://github.com" }
]
},
{
title: "Location", items: [
{ label: "Thrissur, Kerala", href: "#" },
{ label: "India", href: "#" },
{ label: "Available for Remote Work", href: "#" }
]
}
]}
bottomLeftText="© 2025 Anagha - Digital Marketing Professional. All rights reserved."
bottomRightText="Built with passion for digital excellence"
/>
</div>
</ThemeProvider>
);
}