Animated services (#2)

* name changes for AnimatedServices to AnimatedAboutUs

* framer version bump

* Animated Services section

* fixes for other sections with animation

* componentize animated services background

* cleanup

package.json

@@ -18,7 +18,7 @@
  "caniuse-lite": "^1.0.30001414",
  "clsx": "^1.2.1",
  "firebase": "^9.14.0",
- "framer-motion": "^4.1.17",
+ "framer-motion": "^10.16.5",
  "ga-gtag": "^1.1.5",
  "material-ui-popup-state": "^5.0.9",
  "moment": "^2.29.4",
@@ -29,6 +29,7 @@
  "react": "^18.2.0",
  "react-countdown": "^2.3.2",
  "react-dom": "^18.2.0",
+ "react-intersection-observer": "^9.5.3",
  "react-meta-tags": "^1.0.1",
  "react-moment": "^1.1.1",
  "react-parallax": "^3.5.1",

sanityIo/schemas/contentContainer.js

@@ -25,6 +25,7 @@ export default {
  {name: 'header', title: 'Header Menu',type: 'reference', to: [{type: 'menuContainer',}]},
  {name: 'footer', title: 'Footer Menu',type: 'reference', to: [{type: 'menuContainer',}]},
  {name: 'HeroAnimatedContentSection', title: 'Animated Hero Content',type: 'reference', to: [{type: 'HeroAnimatedContentSection'}]},
+ {name: 'AnimatedAboutUsSection', title: 'Animated About Us Section',type: 'reference', to: [{type: 'AnimatedAboutUsSection'}]},
  {name: 'AnimatedServicesSection', title: 'Animated Services Section',type: 'reference', to: [{type: 'AnimatedServicesSection'}]},
  {name: 'Resume Bio Section', title: 'Resume Bio Section',type: 'reference', to: [{type: 'ResumeBioSection'}]},
  {name: 'Resume Skill Section', title: 'Resume Skill Section',type: 'reference', to: [{type: 'ResumeSkillSection'}]},

sanityIo/schemas/schema.js

@@ -84,6 +84,7 @@ import scheduleGroup from "./scheduleGroup";
 import scheduleEntry from "./scheduleEntry";
 import AnimatedHeroContentSection from "./sections/hero/AnimatedHeroContentSection";
 import HeroSlideContent from "./sections/hero/HeroSlideContent";
+import AnimatedAboutUsSection from "./services/AnimatedAboutUsSection";
 import AnimatedServicesSection from "./services/AnimatedServicesSection";
 
 // Then we give our schema to the builder and provide the result to Sanity
@@ -174,6 +175,7 @@ export default [
  scheduleGroup,
  scheduleEntry,
  AnimatedHeroContentSection,
+ AnimatedAboutUsSection,
  AnimatedServicesSection,
  HeroSlideContent
 ]

sanityIo/schemas/services/AnimatedAboutUsSection.js

@@ -0,0 +1,78 @@
+export default {
+ name: 'AnimatedAboutUsSection',
+ title: "Animated About Us Section",
+ type: 'document',
+ fields: [
+ {
+ name: 'name',
+ title: 'Name',
+ type: 'string',
+ },
+ {
+ name: 'heroBullet',
+ title: 'Hero Bullet',
+ type: 'image',
+ },
+ {
+ name: 'contentPreTitle',
+ title: 'Pre Title',
+ type: 'string',
+ },
+ {
+ name: 'contentTitle',
+ title: 'Large Title',
+ type: 'string',
+ },
+ {
+ name: 'contentTexts',
+ title: 'Content Text',
+ type: 'array',
+ of: [{type: 'text'}]
+ },
+ {
+ name: 'highlightedAmenitiesTitle',
+ title: 'Highlighted Amenities Title',
+ type: 'string',
+ },
+ {
+ name: 'highlightedAmenities',
+ title: 'Highlighted Amenities',
+ type: 'array',
+ validation: Rule => Rule.max(2),
+ of: [{type: 'ServiceAmenityItem'}]
+ },
+ {
+ name: 'highlightedAmenitiesTexts',
+ title: 'Highlighted Amenities Texts',
+ type: 'array',
+ of: [{type: 'text'}]
+ },
+ {
+ name: 'highlightedAmenitiesBullets',
+ title: 'Highlighted Amenities Bullets',
+ type: 'array',
+ of: [{type: 'string'}]
+ },
+ {
+ name: 'servicesImageSrcArr',
+ title: 'Services Images',
+ type: 'array',
+ validation: Rule => Rule.max(3),
+ of: [{type: 'image'}]
+ },
+ {
+ name: 'servicesMasonryAccentImageSrc',
+ title: 'servicesMasonryAccent',
+ type: 'image',
+ },
+ {
+ name: 'servicesList',
+ title: 'List Items',
+ type: 'array',
+ of: [{type: 'reference', to: {type: 'ServiceItem'}}]
+ }
+ ]
+}
+
+
+