Merge version_1 into main #3
110
src/app/page.tsx
110
src/app/page.tsx
@@ -29,16 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shruthi Balachander"
|
||||
/>
|
||||
@@ -47,52 +42,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Shruthi Balachander"
|
||||
description="Student | Future Professional | Lifelong Learner. Passionate about business, policy, advocacy, and non-profits."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Shruthi Balachander", handle: "@student", testimonial: "I've always enjoyed learning about many fields of study and topics and this has allowed me to pick up several different skills.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"},
|
||||
name: "Shruthi Balachander", handle: "@student", testimonial: "I've always enjoyed learning about many fields of study and topics and this has allowed me to pick up several different skills.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg" },
|
||||
{
|
||||
name: "Sarah J.", handle: "@mentor", testimonial: "Shruthi is an exceptionally dedicated student with a bright future in advocacy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"},
|
||||
name: "Sarah J.", handle: "@mentor", testimonial: "Shruthi is an exceptionally dedicated student with a bright future in advocacy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg" },
|
||||
{
|
||||
name: "David W.", handle: "@peer", testimonial: "Collaborating with Shruthi on projects is always a rewarding experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"},
|
||||
name: "David W.", handle: "@peer", testimonial: "Collaborating with Shruthi on projects is always a rewarding experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg" },
|
||||
{
|
||||
name: "Maria K.", handle: "@leader", testimonial: "Her leadership in our podcast initiative has been truly inspiring.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"},
|
||||
name: "Maria K.", handle: "@leader", testimonial: "Her leadership in our podcast initiative has been truly inspiring.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg" },
|
||||
{
|
||||
name: "James L.", handle: "@teacher", testimonial: "A natural communicator who excels at maximizing the potential of every team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"},
|
||||
name: "James L.", handle: "@teacher", testimonial: "A natural communicator who excels at maximizing the potential of every team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Business Strategy"},
|
||||
{
|
||||
type: "text", text: "Policy Advocacy"},
|
||||
{
|
||||
type: "text", text: "Non-Profit Management"},
|
||||
{
|
||||
type: "text", text: "Public Speaking"},
|
||||
{
|
||||
type: "text", text: "Research & Writing"},
|
||||
{ type: "text", text: "Business Strategy" },
|
||||
{ type: "text", text: "Policy Advocacy" },
|
||||
{ type: "text", text: "Non-Profit Management" },
|
||||
{ type: "text", text: "Public Speaking" },
|
||||
{ type: "text", text: "Research & Writing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,21 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1", groupTitle: "Experiences", members: [
|
||||
{
|
||||
id: "e1", title: "Student Intern", subtitle: "Northview High School", detail: "As a 3DE Senior, I take initiative and leverage humility and willingness to learn to contribute to company objectives."},
|
||||
{
|
||||
id: "e2", title: "Podcast Leader", subtitle: "Above & Beyond", detail: "Leading with passion, resilience, and humility to inspire and share knowledge."},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", imageAlt: "student portrait modern professional"},
|
||||
id: "g1", groupTitle: "Experiences", members: [
|
||||
{ id: "e1", title: "Student Intern", subtitle: "Northview High School", detail: "As a 3DE Senior, I take initiative and leverage humility and willingness to learn to contribute to company objectives." },
|
||||
{ id: "e2", title: "Podcast Leader", subtitle: "Above & Beyond", detail: "Leading with passion, resilience, and humility to inspire and share knowledge." },
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "g2", groupTitle: "Personality Tests", members: [
|
||||
{
|
||||
id: "p1", title: "Myers-Briggs", subtitle: "Protagonist", detail: "Leaving a positive legacy is a key priority."},
|
||||
{
|
||||
id: "p2", title: "Strengths", subtitle: "Communication & Maximizer", detail: "I love public speaking and constantly go above and beyond."},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-library-studying-using-laptop_23-2148448032.jpg", imageAlt: "student working on laptop"},
|
||||
id: "g2", groupTitle: "Personality Tests", members: [
|
||||
{ id: "p1", title: "Myers-Briggs", subtitle: "Protagonist", detail: "Leaving a positive legacy is a key priority." },
|
||||
{ id: "p2", title: "Strengths", subtitle: "Communication & Maximizer", detail: "I love public speaking and constantly go above and beyond." },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Experience & Personality"
|
||||
description="A glimpse into my professional journey, strengths, and personality."
|
||||
@@ -141,12 +116,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "w1", name: "Business Project", price: "View Project", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-agency-facebook-template_23-2150726404.jpg"},
|
||||
{
|
||||
id: "w2", name: "Non-Profit Initiative", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/group-people-volunteering-foodbank_23-2149012190.jpg"},
|
||||
{
|
||||
id: "w3", name: "Speaking Engagement", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/authentic-group-therapy-meeting_23-2151083365.jpg"},
|
||||
{ id: "w1", name: "Business Project", price: "View Project", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-agency-facebook-template_23-2150726404.jpg" },
|
||||
{ id: "w2", name: "Non-Profit Initiative", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/group-people-volunteering-foodbank_23-2149012190.jpg" },
|
||||
{ id: "w3", name: "Speaking Engagement", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/authentic-group-therapy-meeting_23-2151083365.jpg" },
|
||||
]}
|
||||
title="Portfolio & Work Samples"
|
||||
description="A collection of my projects and accomplishments."
|
||||
@@ -156,14 +128,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Interested in working together?"
|
||||
description="Feel free to reach out to discuss opportunities or collaborations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch", href: "mailto:shruthi@example.com"},
|
||||
{ text: "Get in Touch", href: "mailto:shruthi@example.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,11 +142,9 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
title: "Links", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user